Merge pull request #45 from fuzziecoder/codex/fix-issue-and-raise-pr

Fix TypeScript errors in SpotHistory and moment types

Author: fuzziecoder

components/SpotHistory.tsx

@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import { HistoryIcon, Download, Filter } from 'lucide-react';
-import { supabase } from '../services/supabaseClient';
+import { supabase } from '../services/supabase';
 
 interface SpotHistoryItem {
   id: string;
   name: string;
-  date: string;
+  created_at: string;
   total_amount: number;
   payment_status: string;
   items_count: number;
@@ -42,7 +42,7 @@ export const SpotHistory: React.FC = () => {
   const handleExport = () => {
     // Export functionality to CSV/PDF
     const csv = history
-      .map(item => `${item.name},${item.date},${item.total_amount},${item.payment_status}`)
+      .map(item => `${item.name},${item.created_at},${item.total_amount},${item.payment_status}`)
       .join('\n');
 
     const blob = new Blob([csv], { type: 'text/csv' });
@@ -115,7 +115,7 @@ export const SpotHistory: React.FC = () => {
                 history.map((item) => (
                   <tr key={item.id} className="hover:bg-gray-50">
                     <td className="border border-gray-300 px-4 py-2">{item.name}</td>
-                    <td className="border border-gray-300 px-4 py-2">{new Date(item.date).toLocaleDateString()}</td>
+                    <td className="border border-gray-300 px-4 py-2">{new Date(item.created_at).toLocaleDateString()}</td>
                     <td className="border border-gray-300 px-4 py-2 text-right">₹{item.total_amount.toFixed(2)}</td>
                     <td className="border border-gray-300 px-4 py-2">
                       <span className={`px-2 py-1 rounded text-sm ${

services/database.ts

@@ -1,5 +1,5 @@
 import { supabase } from './supabase';
-import { Spot, Invitation, Payment, InvitationStatus, PaymentStatus, UserProfile, Drink, Attendance, Cigarette, Food, Notification, DrinkBrand, UserDrinkSelection } from '../types';
+import { Spot, Invitation, Payment, InvitationStatus, PaymentStatus, UserProfile, Drink, Attendance, Cigarette, Food, Notification, DrinkBrand, UserDrinkSelection, Moment } from '../types';
 
 /* -------------------------------------------------------------------------- */
 /* SPOTS */