Skip to content

Commit e166f7a

Browse files
Copilothotlong
Copilot
and
hotlong
committed
Fix JSON syntax errors in examples
Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
1 parent d0a1b14 commit e166f7a

3 files changed

Lines changed: 143 additions & 240 deletions

File tree

‎apps/playground/src/data/examples/complex/timeline-events.json‎

Lines changed: 79 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -1,93 +1,88 @@
11
{
22
"type": "div",
3-
"className": "min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100 p-6 md:p-8",
3+
"className": "space-y-6 max-w-4xl",
44
"body": [
55
{
66
"type": "div",
7-
"className": "max-w-4xl mx-auto space-y-8",
7+
"className": "space-y-2",
88
"body": [
99
{
10-
"type": "div",
11-
"className": "space-y-3 backdrop-blur-sm bg-white/40 p-6 rounded-2xl border border-white/60 shadow-xl text-center",
12-
"body": [
13-
{
14-
"type": "text",
15-
"content": "⏱️ Timeline Component",
16-
"className": "text-4xl font-black bg-gradient-to-r from-slate-700 via-blue-600 to-indigo-600 bg-clip-text text-transparent"
17-
},
18-
{
19-
"type": "text",
20-
"content": "Display chronological events in a beautiful visual timeline",
21-
"className": "text-gray-600 font-medium text-lg"
22-
}
23-
]
10+
"type": "text",
11+
"content": "Timeline Component",
12+
"className": "text-3xl font-bold"
2413
},
2514
{
26-
"type": "card",
27-
"className": "p-8 shadow-2xl border-0 bg-white/90 backdrop-blur-lg rounded-2xl",
28-
"body": {
15+
"type": "text",
16+
"content": "Display chronological events in a visual timeline",
17+
"className": "text-muted-foreground"
18+
}
19+
]
20+
},
21+
{
22+
"type": "card",
23+
"className": "p-6",
24+
"body": {
25+
"type": "div",
26+
"className": "space-y-6",
27+
"body": [
28+
{
2929
"type": "div",
30-
"className": "space-y-8",
30+
"className": "space-y-4",
3131
"body": [
3232
{
33-
"type": "div",
34-
"className": "space-y-6",
35-
"body": [
33+
"type": "text",
34+
"content": "Project Timeline",
35+
"className": "text-lg font-semibold"
36+
},
37+
{
38+
"type": "timeline",
39+
"items": [
40+
{
41+
"title": "Project Initiated",
42+
"description": "Initial planning and team formation completed",
43+
"timestamp": "2024-01-15",
44+
"status": "completed"
45+
},
3646
{
37-
"type": "text",
38-
"content": "🚀 Project Timeline",
39-
"className": "text-2xl font-bold text-gray-900"
47+
"title": "Design Phase",
48+
"description": "UI/UX design and architecture planning",
49+
"timestamp": "2024-02-01",
50+
"status": "completed"
4051
},
4152
{
42-
"type": "timeline",
43-
"items": [
44-
{
45-
"title": "✨ Project Initiated",
46-
"description": "Initial planning and team formation completed",
47-
"timestamp": "2024-01-15",
48-
"status": "completed"
49-
},
50-
{
51-
"title": "🎨 Design Phase",
52-
"description": "UI/UX design and architecture planning",
53-
"timestamp": "2024-02-01",
54-
"status": "completed"
55-
},
56-
{
57-
"title": "⚡ Development Sprint 1",
58-
"description": "Core components and infrastructure setup",
59-
"timestamp": "2024-03-01",
60-
"status": "completed"
61-
},
62-
{
63-
"title": "🧪 Testing & QA",
64-
"description": "Comprehensive testing and bug fixes",
65-
"timestamp": "2024-04-15",
66-
"status": "in-progress"
67-
},
68-
{
69-
"title": "🚀 Production Release",
70-
"description": "Deploy to production environment",
71-
"timestamp": "2024-05-01",
72-
"status": "pending"
73-
}
74-
]
53+
"title": "Development Sprint 1",
54+
"description": "Core components and infrastructure setup",
55+
"timestamp": "2024-03-01",
56+
"status": "completed"
57+
},
58+
{
59+
"title": "Testing & QA",
60+
"description": "Comprehensive testing and bug fixes",
61+
"timestamp": "2024-04-15",
62+
"status": "in-progress"
63+
},
64+
{
65+
"title": "Production Release",
66+
"description": "Deploy to production environment",
67+
"timestamp": "2024-05-01",
68+
"status": "pending"
7569
}
7670
]
77-
},
71+
}
72+
]
73+
},
74+
{
75+
"type": "separator"
76+
},
77+
{
78+
"type": "div",
79+
"className": "space-y-4",
80+
"body": [
7881
{
79-
"type": "separator",
80-
"className": "my-6"
82+
"type": "text",
83+
"content": "User Activity",
84+
"className": "text-lg font-semibold"
8185
},
82-
{
83-
"type": "div",
84-
"className": "space-y-6",
85-
"body": [
86-
{
87-
"type": "text",
88-
"content": "👤 User Activity",
89-
"className": "text-2xl font-bold text-gray-900"
90-
},
9186
{
9287
"type": "timeline",
9388
"items": [
@@ -127,19 +122,19 @@
127122
}
128123
]
129124
}
130-
},
131-
{
132-
"type": "card",
133-
"className": "p-8 shadow-2xl border-0 bg-white/90 backdrop-blur-lg rounded-2xl",
134-
"body": {
135-
"type": "div",
136-
"className": "space-y-6",
137-
"body": [
138-
{
139-
"type": "text",
140-
"content": "📦 Order Tracking",
141-
"className": "text-2xl font-bold text-gray-900"
142-
},
125+
},
126+
{
127+
"type": "card",
128+
"className": "p-6",
129+
"body": {
130+
"type": "div",
131+
"className": "space-y-4",
132+
"body": [
133+
{
134+
"type": "text",
135+
"content": "Order Tracking",
136+
"className": "text-lg font-semibold"
137+
},
143138
{
144139
"type": "timeline",
145140
"orientation": "horizontal",

0 commit comments

Comments
 (0)