Merge pull request NCUAppTeam#138 from 1989ONCE/login-test

test commit

Author: 1989ONCE

package-lock.json

@@ -17,7 +17,8 @@
     "flowbite-react-icons": "^1.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "supabase": "^1.223.10"
+    "spin-wheel-game": "^1.0.3-alpha.3",
+    "supabase": "^1.226.4"
   },
   "devDependencies": {
     "@playwright/test": "^1.47.0",
@@ -46,4 +47,4 @@
     "sharp": "0.32.6",
     "sharp-ico": "0.1.5"
   }
-}
+}

package.json

@@ -0,0 +1,128 @@
+import ErrorHandler from "../../../utils/ErrorHandler";
+import { supabase } from "../../../utils/supabase";
+
+import Event, { DBEvent } from '../Entities/Restaurant';
+import EventService from "../Services/RestaurantService";
+
+
+const EVENT_TABLE_NAME = "restaurant"
+
+
+/**
+ * Controller for handling restaurant-related operations.
+ * 
+ * This class provides methods to interact with the restaurant database.
+ * 
+ * @remarks
+ * The original database service was authored by @yeahlowflicker. This implementation
+ * has been modified and extended by @1989ONCE.
+ * 
+ * @author Susan C.(@1989ONCE)
+ */
+export default class RestaurantController {
+
+
+    /**
+     * Get an array of events
+     * 
+     * @usage eventController.getEvents(<PARAMS>).then(
+     *          (events: Array<Events>) => { ... }
+     *        )
+     * 
+     * @param   {string}  fields            - The columns to retrieve (comma-separated)
+     * @param   {string}  orderBy           - Which field to order by (leave blank if not needed)
+     * @param   {boolean} orderDescending   - Whether to order in descending order (defaults to false)
+     * @param   {number}  rangeStart        - Starting index of fetch (defaults to 0)
+     * @param   {number}  rangeEnd          - Ending index of fetch (defaults to 100)
+     * 
+     * @returns {Array<Event>}               - Array of events
+     * 
+     * @see [https://supabase.com/docs/reference/javascript/order]
+     * @see [https://supabase.com/docs/reference/javascript/range]
+     * 
+     * @template author Henry C. (@yeahlowflicker)
+     * @
+     */
+    public async getAllRestaurant(
+        fields: string,
+        orderBy?: string,
+        orderDescending?: boolean,
+        rangeStart?: number,
+        rangeEnd?: number
+    ) : Promise<Array<Event> | null> {
+        
+        const query = supabase
+            .from(EVENT_TABLE_NAME)
+            .select(fields)
+            .returns<Array<DBEvent>>()  
+            
+        if (orderBy)
+            query.order(orderBy, { ascending: !orderDescending })
+        
+        if (rangeStart !== undefined && rangeEnd !== undefined)
+            query.range(rangeStart, rangeEnd)
+            
+        const { data, error } = await query
+        
+        // Error handling
+        if (error) {
+            ErrorHandler.handleSupabaseError(error)
+            return null
+        }
+
+        // Initialize result array
+        const events : Array<Event> = []
+        
+        
+        // For each found DBEvent, convert to Event and append to result array
+        data.forEach((record: DBEvent) => {
+            events.push(
+                EventService.parseEvent(record)
+            )
+        })
+
+        return events
+    }
+
+
+
+    /**
+     * Find a single event by ID
+     * 
+     * @usage eventController.FindEventByID(<PARAMS>).then(
+     *          (event: Event) => { ... }
+     *        )
+     * 
+     * @param   {string} eventID     - Target event ID
+     * @param   {string} fields     - The columns to retrieve
+     * 
+     * @returns {Event}              - The target event entity (null if not found)
+     * 
+     * @author Henry C. (@yeahlowflicker)
+     */
+    public async findEventByID(eventID: string, fields?: string) : Promise<Event | null> {
+
+        const { data, error } = await supabase
+            .from(EVENT_TABLE_NAME)
+            .select(fields)
+            .eq("id", eventID)
+            .returns<DBEvent>()
+            .limit(1)
+            .single()
+
+        // Error handling
+        if (error) {
+            ErrorHandler.handleSupabaseError(error)
+            return null
+        }
+
+        if (!data)
+            return null
+
+        // Type conversion: DBEvent -> Event
+        const event : Event = EventService.parseEvent(data)
+
+        return event
+    }
+
+}

src/backend/restaurant/Controllers/RestaurantController.ts

@@ -0,0 +1,22 @@
+import { Database } from "../../../utils/database.types";
+
+/**
+ * This is a dummy-type inherited from the generated Supabase type
+ */
+export type DBEvent = Database['public']['Tables']['events']['Row'];
+
+
+export default class Event {
+
+    public id:                  number  = 0;
+    public name:                string  = "";
+    public type:                number  = 0;
+    public description:         string  = "";
+    public startTime:           string  = "";
+    public endTime:             string  = "";
+    public location:            string  = "";
+    public fee:                 number  = 0;
+    public userID:              string  = "";
+    public createdAt:           string  = "";
+
+}

src/backend/restaurant/Entities/Restaurant.ts

@@ -0,0 +1,30 @@
+import Event, { DBEvent } from "../Entities/Restaurant";
+
+const EventService = {
+    
+    parseEvent(record: DBEvent) : Event {
+        if (!record || typeof record !== 'object')
+            throw new Error('Invalid record provided')
+        
+        if (!record.id)
+            throw new Error('id is a required field')
+
+        const event             = new Event()
+            
+        event.id                = record.id
+        event.name              = record.name ?? ""
+        event.type              = typeof record.type === 'number' ? record.type : 0
+        event.description       = record.description ?? ""
+        event.startTime         = record.start_time ? new Date(record.start_time).toISOString() : ""
+        event.endTime           = record.end_time ? new Date(record.end_time).toISOString() : ""
+        event.location          = record.location ?? ""
+        event.fee               = typeof record.fee === 'number' ? record.fee : 0
+        event.userID            = record.user_id
+        event.createdAt         = record.created_at ? new Date(record.created_at).toISOString() : ""
+
+        return event
+    }
+    
+}
+
+export default EventService

src/backend/restaurant/Services/RestaurantService.ts

@@ -0,0 +1,13 @@
+
+export function DinnerCard({ restaurant }: { restaurant: Event }) {
+
+    return (
+        <div className="flex-shrink-0 w-40 rounded-lg overflow-hidden text-white">
+            <div className="h-32 bg-gray-500" />
+            <div className="p-2 bg-white">
+                <h3 className="text-lg mb-1 text-black">{ }</h3>
+
+            </div>
+        </div>
+    );
+}

src/components/pages/dinner/dinnercard.tsx

@@ -0,0 +1,40 @@
+import { ISpinWheelProps, SpinWheel } from 'spin-wheel-game';
+export const MySpinWheel = () => {
+
+    const segments = [
+        { segmentText: 'Option 1', segColor: 'red' },
+        { segmentText: 'Option 2', segColor: 'blue' },
+        { segmentText: 'Option 3', segColor: 'green' },
+        // Add more segments as needed
+    ];
+
+    const handleSpinFinish = (result: string) => {
+        console.log(`Spun to: ${result}`);
+        // Handle the result as needed
+    };
+
+    const spinWheelProps: ISpinWheelProps = {
+        segments,
+        onFinished: handleSpinFinish,
+        primaryColor: 'black',
+        contrastColor: 'white',
+        buttonText: 'Spin',
+        isOnlyOnce: false,
+        size: 290,
+        upDuration: 100,
+        downDuration: 600,
+        fontFamily: 'Arial',
+        arrowLocation: 'top',
+        showTextOnSpin: true,
+        isSpinSound: true,
+    };
+
+    return (
+        <div className='mx-auto mt-4'>
+            <h4>請選擇5-10家餐廳作為輪盤選項</h4>
+
+            <SpinWheel {...spinWheelProps} />
+        </div >
+    );
+
+};