Skip to content

Commit 55d041f

Browse files
gocreatinggocreating
authored
Feature (#6)
* Update * Update
1 parent 23f2819 commit 55d041f

File tree

5 files changed

+81
-74
lines changed

5 files changed

+81
-74
lines changed

‎packages/end-user-app/public/images/asset-distribution.png

95.2 KB
Loading

‎packages/end-user-app/public/images/asset-liability-time-series.png

91.2 KB
Loading

‎packages/end-user-app/public/images/net-worth.png

89.9 KB
Loading

‎packages/end-user-app/src/app/(modules)/admin/users/[user_reference]/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -290,7 +290,7 @@ export default function Page() {
290290
<TabPanel value="settings" sx={{ p: 0 }}>
291291
<ModuleFunction>
292292
<ModuleFunctionHeader title="基本資訊" />
293-
<ModuleFunctionBody>
293+
<ModuleFunctionBody loading={isFetchingUser}>
294294
<Stack
295295
component="form"
296296
spacing={3}

‎packages/end-user-app/src/app/page.tsx

+80-73
Original file line numberDiff line numberDiff line change
@@ -66,44 +66,39 @@ export default function Page() {
6666

6767
// Sample screenshots - replace these with actual paths to your screenshots
6868
const screenshots = [
69+
{
70+
label: '淨值變化',
71+
imgPath: '/images/net-worth.png',
72+
description: '追蹤您的淨值變化趨勢，掌握財務成長情況',
73+
},
6974
{
7075
label: '資產負債總覽',
71-
imgPath: '/images/dashboard-screenshot.png',
76+
imgPath: '/images/asset-liability-time-series.png',
7277
description: '一目了然的儀表板，讓您掌握所有資產、負債和淨值變化',
7378
},
7479
{
7580
label: '資產分佈分析',
76-
imgPath: '/images/asset-distribution-screenshot.png',
81+
imgPath: '/images/asset-distribution.png',
7782
description: '視覺化的資產分佈圖表，幫助您優化資產配置',
7883
},
79-
{
80-
label: '投資組合管理',
81-
imgPath: '/images/portfolio-screenshot.png',
82-
description: '全面的投資組合追蹤與管理功能',
83-
},
84-
{
85-
label: '財務報表',
86-
imgPath: '/images/financial-reports-screenshot.png',
87-
description: '詳細的財務報表，幫助您掌握財務健康狀況',
88-
},
8984
]
9085

9186
// Financial module features
9287
const financialFeatures = [
9388
{
94-
title: '資產負債追蹤',
95-
imgPath: '/images/asset-tracking.png',
96-
description: '定期追蹤您的資產、負債和淨值變化，掌握財務全貌',
89+
title: '淨值趨勢分析',
90+
imgPath: '/images/net-worth.png',
91+
description: '追蹤您的淨值變化趨勢，掌握財務成長情況',
9792
},
9893
{
99-
title: '投資組合管理',
100-
imgPath: '/images/portfolio-management.png',
101-
description: '追蹤您的投資組合表現，分析收益與風險',
94+
title: '資產負債追蹤',
95+
imgPath: '/images/asset-liability-time-series.png',
96+
description: '定期追蹤您的資產、負債和淨值變化，掌握財務全貌',
10297
},
10398
{
104-
title: '財務記帳功能',
105-
imgPath: '/images/financial-journal.png',
106-
description: '即將推出的記帳功能，幫助您記錄日常收支',
99+
title: '資產分佈分析',
100+
imgPath: '/images/asset-distribution.png',
101+
description: '視覺化您的資產分佈，了解資產配置情況',
107102
},
108103
]
109104

@@ -210,14 +205,14 @@ export default function Page() {
210205
height: 300,
211206
width: '100%',
212207
position: 'relative',
213-
bgcolor: 'rgba(255,255,255,0.1)',
208+
bgcolor: '#FFFFFF',
214209
display: 'flex',
215210
alignItems: 'center',
216211
justifyContent: 'center',
217212
overflow: 'hidden',
218213
}}
219214
>
220-
{/* Replace with actual images when available */}
215+
{/* 使用實際圖片替換佔位符 */}
221216
<Box
222217
sx={{
223218
position: 'relative',
@@ -228,13 +223,12 @@ export default function Page() {
228223
justifyContent: 'center',
229224
}}
230225
>
231-
{/* Placeholder for actual image */}
232-
<Typography
233-
variant="h6"
234-
sx={{ zIndex: 1, color: 'white', textAlign: 'center' }}
235-
>
236-
{screenshots[activeStep].label}
237-
</Typography>
226+
<Image
227+
src={screenshots[activeStep].imgPath}
228+
alt={screenshots[activeStep].label}
229+
fill
230+
style={{ objectFit: 'contain' }}
231+
/>
238232
<Box
239233
sx={{
240234
position: 'absolute',
@@ -243,6 +237,8 @@ export default function Page() {
243237
right: 0,
244238
px: 2,
245239
zIndex: 1,
240+
backgroundColor: 'rgba(0,0,0,0.5)',
241+
py: 1,
246242
}}
247243
>
248244
<Typography
@@ -380,10 +376,10 @@ export default function Page() {
380376
sx={{
381377
position: 'relative',
382378
pt: '56.25%' /* 16:9 aspect ratio */,
383-
bgcolor: 'rgba(0,0,0,0.05)',
379+
bgcolor: '#FFFFFF',
384380
}}
385381
>
386-
{/* Replace with actual images when available */}
382+
{/* 使用實際圖片替換佔位符 */}
387383
<Box
388384
sx={{
389385
position: 'absolute',
@@ -396,9 +392,12 @@ export default function Page() {
396392
justifyContent: 'center',
397393
}}
398394
>
399-
<Typography variant="body1">
400-
{feature.title} 截圖
401-
</Typography>
395+
<Image
396+
src={feature.imgPath}
397+
alt={`${feature.title}截圖`}
398+
fill
399+
style={{ objectFit: 'contain' }}
400+
/>
402401
</Box>
403402
</Box>
404403
<CardContent>
@@ -588,13 +587,13 @@ export default function Page() {
588587
borderRadius: 2,
589588
overflow: 'hidden',
590589
boxShadow: 3,
591-
bgcolor: 'rgba(0,0,0,0.05)',
590+
bgcolor: '#FFFFFF',
592591
display: 'flex',
593592
alignItems: 'center',
594593
justifyContent: 'center',
595594
}}
596595
>
597-
{/* Replace with actual image */}
596+
{/* 投資組合管理的佔位符 */}
598597
<Typography variant="h6" color="text.secondary">
599598
投資組合管理介面截圖
600599
</Typography>
@@ -665,49 +664,57 @@ export default function Page() {
665664
連結
666665
</Typography>
667666
<Stack spacing={1}>
668-
<Link
669-
href="/login"
670-
style={{
671-
textDecoration: 'none',
672-
color: landingTheme.palette.text.secondary,
673-
}}
674-
>
675-
<Typography variant="body2">登入</Typography>
676-
</Link>
677-
<Link
678-
href="#"
679-
style={{
680-
textDecoration: 'none',
681-
color: landingTheme.palette.text.secondary,
682-
}}
683-
>
684-
<Typography variant="body2">關於我們</Typography>
685-
</Link>
667+
<Typography variant="body2">
668+
<Link
669+
href="/login"
670+
style={{
671+
textDecoration: 'none',
672+
color: landingTheme.palette.text.secondary,
673+
}}
674+
>
675+
登入
676+
</Link>
677+
</Typography>
678+
<Typography variant="body2">
679+
<Link
680+
href="#"
681+
style={{
682+
textDecoration: 'none',
683+
color: landingTheme.palette.text.secondary,
684+
}}
685+
>
686+
關於我們
687+
</Link>
688+
</Typography>
686689
</Stack>
687690
</Grid>
688691
<Grid item xs={12} md={4}>
689692
<Typography variant="h6" gutterBottom>
690693
法律資訊
691694
</Typography>
692695
<Stack spacing={1}>
693-
<Link
694-
href="/privacy"
695-
style={{
696-
textDecoration: 'none',
697-
color: landingTheme.palette.text.secondary,
698-
}}
699-
>
700-
<Typography variant="body2">隱私權政策</Typography>
701-
</Link>
702-
<Link
703-
href="/terms"
704-
style={{
705-
textDecoration: 'none',
706-
color: landingTheme.palette.text.secondary,
707-
}}
708-
>
709-
<Typography variant="body2">服務條款</Typography>
710-
</Link>
696+
<Typography variant="body2">
697+
<Link
698+
href="/privacy"
699+
style={{
700+
textDecoration: 'none',
701+
color: landingTheme.palette.text.secondary,
702+
}}
703+
>
704+
隱私權政策
705+
</Link>
706+
</Typography>
707+
<Typography variant="body2">
708+
<Link
709+
href="/terms"
710+
style={{
711+
textDecoration: 'none',
712+
color: landingTheme.palette.text.secondary,
713+
}}
714+
>
715+
服務條款
716+
</Link>
717+
</Typography>
711718
</Stack>
712719
</Grid>
713720
</Grid>

0 commit comments

Comments
 (0)