diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts index e4b276f..9b92a22 100644 --- a/src/routeTree.gen.ts +++ b/src/routeTree.gen.ts @@ -1,12 +1,12 @@ -/* prettier-ignore-start */ - /* eslint-disable */ // @ts-nocheck // noinspection JSUnusedGlobalSymbols -// This file is auto-generated by TanStack Router +// This file was automatically generated by TanStack Router. +// You should NOT make any changes in this file as it will be overwritten. +// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified. // Import Routes @@ -25,51 +25,61 @@ import { Route as EventsEventIdImport } from './routes/events/$eventId' // Create/Update Routes const LoginRoute = LoginImport.update({ + id: '/login', path: '/login', getParentRoute: () => rootRoute, } as any) const IndexRoute = IndexImport.update({ + id: '/', path: '/', getParentRoute: () => rootRoute, } as any) const SalesIndexRoute = SalesIndexImport.update({ + id: '/sales/', path: '/sales/', getParentRoute: () => rootRoute, } as any) const MapIndexRoute = MapIndexImport.update({ + id: '/map/', path: '/map/', getParentRoute: () => rootRoute, } as any) const EventsIndexRoute = EventsIndexImport.update({ + id: '/events/', path: '/events/', getParentRoute: () => rootRoute, } as any) const DinnerIndexRoute = DinnerIndexImport.update({ + id: '/dinner/', path: '/dinner/', getParentRoute: () => rootRoute, } as any) const CalendarIndexRoute = CalendarIndexImport.update({ + id: '/calendar/', path: '/calendar/', getParentRoute: () => rootRoute, } as any) const HomeInfoCardRoute = HomeInfoCardImport.update({ + id: '/home/infoCard', path: '/home/infoCard', getParentRoute: () => rootRoute, } as any) const EventsCreateRoute = EventsCreateImport.update({ + id: '/events/create', path: '/events/create', getParentRoute: () => rootRoute, } as any) const EventsEventIdRoute = EventsEventIdImport.update({ + id: '/events/$eventId', path: '/events/$eventId', getParentRoute: () => rootRoute, } as any) @@ -263,8 +273,6 @@ export const routeTree = rootRoute ._addFileChildren(rootRouteChildren) ._addFileTypes() -/* prettier-ignore-end */ - /* ROUTE_MANIFEST_START { "routes": { diff --git a/src/routes/events/$eventId.tsx b/src/routes/events/$eventId.tsx index 8a11757..70b442c 100644 --- a/src/routes/events/$eventId.tsx +++ b/src/routes/events/$eventId.tsx @@ -1,4 +1,6 @@ import { createFileRoute } from '@tanstack/react-router'; +import { useState } from 'react'; +import { Header } from '../../components'; import { supabase } from '../../utils/supabase'; export const Route = createFileRoute('/events/$eventId')({ @@ -18,13 +20,256 @@ export const Route = createFileRoute('/events/$eventId')({ component: EventDetails }) +const styles = { + body:{ + backgroundColor:'#3E3E3E' + }, + container:{ + flex: 1, + backgroundColor: '#FFFFFF' + }, + card:{ + borderRadius: "15px", + backgroundColor:'#FFFFFF', + margin: "1rem 1.5rem", + padding: "1rem" + }, + icon:{ + margin:"0.5rem" + }, +} + function EventDetails() { const { event } = Route.useLoaderData() + const [join, setJoin] = useState(false) return ( -
-
Event ID: {event.id}
-
Event Name: {event.name}
-
Event Description: {event.description}
+ //
+
+
+
+ {/* 不確定why不設置position就會蓋住header */} + + {/* 圖片 */} + {/* 之後改用map */} +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ {/* 換頁點點-要根據使用者提供的張數更改個數 */} +
+ 1 + 2 + 3 + 4 +
+
+ +
+ + {/* 活動資訊 */} +
+ {/* 活動名稱 */} +
+

{event.name}

+ {/* 收藏 */} +
+ +
+
+ {/* 時間 */} +
+ +

{event.start_time}~{event.end_time}

+
+ {/* 活動地點 */} +
+ +
+ {/* 活動價格 */} +
+ + +

活動價格

+ +
+ + + +
+

+ +

+

確定要報名此活動嗎？

+
+ + +
+
+ +

通知

+
+

活動報名成功！

+
+
+ +
+
+
+ +
+ +
+
+
+ + +
+
+ +

確定要取消報名此活動嗎？

+
+
+ + +
+
+ +

通知

+
+

活動取消報名成功！

+
+
+ +
+
+
+ +
+ +
+
+
+ + +
+ + {/* 關於活動 */} +
+

關於活動

+ + {/* 辦理單位 */} +
+ + +
+

辦理單位

+

Lorem, ipsum dolor.

+
+
+ + {/* 學生學習護照 */} +
+ +
+

學生學習護照

+

實數類型 {event.fee} 小時

+
+
+ {/* 條件限制 */} +
+ + +
+

條件限制

+
    +
  1. 開放期限：{event.start_time}.to
    2. +
  2. 人數限制： {event.fee}
    3. +
  3. {event.user_id}
    4. +
+
+
+ +

+ +

活動說明

+

{event.description}

+
+ +
+
+
) } + +// In progress: + +// supabase 時區顯示問題 +// carousel 的顯示鈕 +// 收藏的函式 +// header無法正常顯示 \ No newline at end of file