@@ -45,61 +45,62 @@ export function DemoPage() {
4545 < ThemeToggle />
4646
4747 < div className = "max-w-4xl mx-auto space-y-6" >
48- < header className = "space-y-2" >
49- < Link to = "/" >
50- < Button variant = "ghost" size = "sm" >
51- < ArrowLeft className = "h-4 w-4 mr-2" />
52- Back to Home
53- </ Button >
54- </ Link >
55- < h1 className = "text-3xl font-bold" > Workers Demo</ h1 >
56- < p className = "text-muted-foreground" > Simple showcase of Durable Object persistence</ p >
57- </ header >
48+ < header className = "space-y-2" >
49+ < Link to = "/" >
50+ < Button variant = "ghost" size = "sm" >
51+ < ArrowLeft className = "h-4 w-4 mr-2" />
52+ Back to Home
53+ </ Button >
54+ </ Link >
55+ < h1 className = "text-3xl font-bold" > Workers Demo</ h1 >
56+ < p className = "text-muted-foreground" > Simple showcase of Durable Object persistence</ p >
57+ </ header >
5858
59- < div className = "grid grid-cols-1 md:grid-cols-2 gap-6" >
60- { /* Durable Object Storage Demo */ }
61- < Card >
62- < CardHeader >
63- < CardTitle className = "flex items-center gap-2" >
64- < Database className = "h-5 w-5 text-blue-500" />
65- Durable Object Storage
66- </ CardTitle >
67- </ CardHeader >
68- < CardContent className = "space-y-3" >
69- < p className = "text-sm text-muted-foreground" >
70- Persistent data stored in Durable Object:
71- </ p >
72- { demoItems . map ( ( item ) => (
73- < div key = { item . id } className = "flex justify-between items-center p-2 border rounded" >
74- < span className = "font-medium" > { item . name } </ span >
75- < span className = "text-muted-foreground" > Value: { item . value } </ span >
76- </ div >
77- ) ) }
78- </ CardContent >
79- </ Card >
59+ < div className = "grid grid-cols-1 md:grid-cols-2 gap-6" >
60+ { /* Durable Object Storage Demo */ }
61+ < Card >
62+ < CardHeader >
63+ < CardTitle className = "flex items-center gap-2" >
64+ < Database className = "h-5 w-5 text-blue-500" />
65+ Durable Object Storage
66+ </ CardTitle >
67+ </ CardHeader >
68+ < CardContent className = "space-y-3" >
69+ < p className = "text-sm text-muted-foreground" >
70+ Persistent data stored in Durable Object:
71+ </ p >
72+ { demoItems . map ( ( item ) => (
73+ < div key = { item . id } className = "flex justify-between items-center p-2 border rounded" >
74+ < span className = "font-medium" > { item . name } </ span >
75+ < span className = "text-muted-foreground" > Value: { item . value } </ span >
76+ </ div >
77+ ) ) }
78+ </ CardContent >
79+ </ Card >
8080
81- { /* Counter Demo */ }
82- < Card >
83- < CardHeader >
84- < CardTitle className = "flex items-center gap-2" >
85- < Cpu className = "h-5 w-5 text-green-500" />
86- Durable Object Counter
87- </ CardTitle >
88- </ CardHeader >
89- < CardContent className = "space-y-4" >
90- < div className = "text-center" >
91- < p className = "text-4xl font-bold" > { counter } </ p >
92- < p className = "text-sm text-muted-foreground" > Current Counter Value</ p >
93- </ div >
94- < Button
95- onClick = { incrementCounter }
96- className = "w-full"
97- variant = "outline"
98- >
99- Increment Counter
100- </ Button >
101- </ CardContent >
102- </ Card >
81+ { /* Counter Demo */ }
82+ < Card >
83+ < CardHeader >
84+ < CardTitle className = "flex items-center gap-2" >
85+ < Cpu className = "h-5 w-5 text-green-500" />
86+ Durable Object Counter
87+ </ CardTitle >
88+ </ CardHeader >
89+ < CardContent className = "space-y-4" >
90+ < div className = "text-center" >
91+ < p className = "text-4xl font-bold" > { counter } </ p >
92+ < p className = "text-sm text-muted-foreground" > Current Counter Value</ p >
93+ </ div >
94+ < Button
95+ onClick = { incrementCounter }
96+ className = "w-full"
97+ variant = "outline"
98+ >
99+ Increment Counter
100+ </ Button >
101+ </ CardContent >
102+ </ Card >
103+ </ div >
103104 </ div >
104105 </ main >
105106 </ AppLayout >
0 commit comments