Skip to content

Commit 5748a61

Browse files
jaminwebdevjaminwebdev
committed
sample data extracted
1 parent 85c2368 commit 5748a61

File tree

3 files changed

+154
-141
lines changed

3 files changed

+154
-141
lines changed

‎src/lib/components/sidebar/AppSidebar.svelte‎

Lines changed: 1 addition & 141 deletions
Original file line numberDiff line numberDiff line change
@@ -1,146 +1,6 @@
11
<script lang="ts" module>
2-
import AudioWaveform from '@lucide/svelte/icons/audio-waveform';
3-
import BookOpen from '@lucide/svelte/icons/book-open';
4-
import Bot from '@lucide/svelte/icons/bot';
5-
import ChartPie from '@lucide/svelte/icons/chart-pie';
6-
import Command from '@lucide/svelte/icons/command';
7-
import Frame from '@lucide/svelte/icons/frame';
8-
import GalleryVerticalEnd from '@lucide/svelte/icons/gallery-vertical-end';
9-
import Map from '@lucide/svelte/icons/map';
10-
import Settings2 from '@lucide/svelte/icons/settings-2';
11-
import SquareTerminal from '@lucide/svelte/icons/square-terminal';
12-
import { useClerkContext } from 'svelte-clerk/client';
132
import type { UserResource } from '@clerk/types';
14-
15-
// This is sample data.
16-
const data = {
17-
user: {
18-
name: 'shadcn',
19-
email: '[email protected]',
20-
avatar: ''
21-
},
22-
teams: [
23-
{
24-
name: 'Acme Inc',
25-
logo: GalleryVerticalEnd,
26-
plan: 'Enterprise'
27-
},
28-
{
29-
name: 'Acme Corp.',
30-
logo: AudioWaveform,
31-
plan: 'Startup'
32-
},
33-
{
34-
name: 'Evil Corp.',
35-
logo: Command,
36-
plan: 'Free'
37-
}
38-
],
39-
navMain: [
40-
{
41-
title: 'Playground',
42-
url: '#',
43-
icon: SquareTerminal,
44-
isActive: true,
45-
items: [
46-
{
47-
title: 'History',
48-
url: '#'
49-
},
50-
{
51-
title: 'Starred',
52-
url: '#'
53-
},
54-
{
55-
title: 'Settings',
56-
url: '#'
57-
}
58-
]
59-
},
60-
{
61-
title: 'Models',
62-
url: '#',
63-
icon: Bot,
64-
items: [
65-
{
66-
title: 'Genesis',
67-
url: '#'
68-
},
69-
{
70-
title: 'Explorer',
71-
url: '#'
72-
},
73-
{
74-
title: 'Quantum',
75-
url: '#'
76-
}
77-
]
78-
},
79-
{
80-
title: 'Documentation',
81-
url: '#',
82-
icon: BookOpen,
83-
items: [
84-
{
85-
title: 'Introduction',
86-
url: '#'
87-
},
88-
{
89-
title: 'Get Started',
90-
url: '#'
91-
},
92-
{
93-
title: 'Tutorials',
94-
url: '#'
95-
},
96-
{
97-
title: 'Changelog',
98-
url: '#'
99-
}
100-
]
101-
},
102-
{
103-
title: 'Settings',
104-
url: '#',
105-
icon: Settings2,
106-
items: [
107-
{
108-
title: 'General',
109-
url: '#'
110-
},
111-
{
112-
title: 'Team',
113-
url: '#'
114-
},
115-
{
116-
title: 'Billing',
117-
url: '#'
118-
},
119-
{
120-
title: 'Limits',
121-
url: '#'
122-
}
123-
]
124-
}
125-
],
126-
projects: [
127-
{
128-
name: 'Design Engineering',
129-
url: '#',
130-
icon: Frame
131-
},
132-
{
133-
name: 'Sales & Marketing',
134-
url: '#',
135-
icon: ChartPie
136-
},
137-
{
138-
name: 'Travel',
139-
url: '#',
140-
icon: Map
141-
}
142-
]
143-
};
3+
import { data } from '@/lib/components/sidebar/sampleData';
1444
</script>
1455

1466
<script lang="ts">

‎src/lib/components/sidebar/sampleData.ts‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
import { icons } from '@/lib/utils/icons';
2+
// This is sample data.
3+
export const data = {
4+
user: {
5+
name: 'shadcn',
6+
email: '[email protected]',
7+
avatar: ''
8+
},
9+
teams: [
10+
{
11+
name: 'Acme Inc',
12+
logo: icons.GalleryVerticalEnd,
13+
plan: 'Enterprise'
14+
},
15+
{
16+
name: 'Acme Corp.',
17+
logo: icons.AudioWaveform,
18+
plan: 'Startup'
19+
},
20+
{
21+
name: 'Evil Corp.',
22+
logo: icons.Command,
23+
plan: 'Free'
24+
}
25+
],
26+
navMain: [
27+
{
28+
title: 'Playground',
29+
url: '#',
30+
icon: icons.SquareTerminal,
31+
isActive: true,
32+
items: [
33+
{
34+
title: 'History',
35+
url: '#'
36+
},
37+
{
38+
title: 'Starred',
39+
url: '#'
40+
},
41+
{
42+
title: 'Settings',
43+
url: '#'
44+
}
45+
]
46+
},
47+
{
48+
title: 'Models',
49+
url: '#',
50+
icon: icons.Bot,
51+
items: [
52+
{
53+
title: 'Genesis',
54+
url: '#'
55+
},
56+
{
57+
title: 'Explorer',
58+
url: '#'
59+
},
60+
{
61+
title: 'Quantum',
62+
url: '#'
63+
}
64+
]
65+
},
66+
{
67+
title: 'Documentation',
68+
url: '#',
69+
icon: icons.BookOpen,
70+
items: [
71+
{
72+
title: 'Introduction',
73+
url: '#'
74+
},
75+
{
76+
title: 'Get Started',
77+
url: '#'
78+
},
79+
{
80+
title: 'Tutorials',
81+
url: '#'
82+
},
83+
{
84+
title: 'Changelog',
85+
url: '#'
86+
}
87+
]
88+
},
89+
{
90+
title: 'Settings',
91+
url: '#',
92+
icon: icons.Settings2,
93+
items: [
94+
{
95+
title: 'General',
96+
url: '#'
97+
},
98+
{
99+
title: 'Team',
100+
url: '#'
101+
},
102+
{
103+
title: 'Billing',
104+
url: '#'
105+
},
106+
{
107+
title: 'Limits',
108+
url: '#'
109+
}
110+
]
111+
}
112+
],
113+
projects: [
114+
{
115+
name: 'Design Engineering',
116+
url: '#',
117+
icon: icons.Frame
118+
},
119+
{
120+
name: 'Sales & Marketing',
121+
url: '#',
122+
icon: icons.ChartPie
123+
},
124+
{
125+
name: 'Travel',
126+
url: '#',
127+
icon: Map
128+
}
129+
]
130+
};

‎src/lib/utils/icons.ts‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import AudioWaveform from '@lucide/svelte/icons/audio-waveform';
2+
import BookOpen from '@lucide/svelte/icons/book-open';
3+
import Bot from '@lucide/svelte/icons/bot';
4+
import ChartPie from '@lucide/svelte/icons/chart-pie';
5+
import Command from '@lucide/svelte/icons/command';
6+
import Frame from '@lucide/svelte/icons/frame';
7+
import GalleryVerticalEnd from '@lucide/svelte/icons/gallery-vertical-end';
8+
import Map from '@lucide/svelte/icons/map';
9+
import Settings2 from '@lucide/svelte/icons/settings-2';
10+
import SquareTerminal from '@lucide/svelte/icons/square-terminal';
11+
12+
export const icons = {
13+
AudioWaveform,
14+
BookOpen,
15+
Bot,
16+
ChartPie,
17+
Command,
18+
Frame,
19+
GalleryVerticalEnd,
20+
Map,
21+
Settings2,
22+
SquareTerminal
23+
};

0 commit comments

Comments
 (0)