@adminide-stack/clock-tik-browser 12.0.17-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/HelpCenterFooter.d.ts +3 -0
- package/lib/components/HelpCenterFooter.d.ts.map +1 -0
- package/lib/components/HelpCenterFooter.js +98 -0
- package/lib/components/HelpCenterFooter.js.map +1 -0
- package/lib/components/HelpCenterHeader.d.ts +7 -0
- package/lib/components/HelpCenterHeader.d.ts.map +1 -0
- package/lib/components/HelpCenterHeader.js +80 -0
- package/lib/components/HelpCenterHeader.js.map +1 -0
- package/lib/components/Logo.d.ts +4 -0
- package/lib/components/Logo.d.ts.map +1 -0
- package/lib/components/Logo.js +105 -0
- package/lib/components/Logo.js.map +1 -0
- package/lib/components/navbar/index.d.ts +7 -0
- package/lib/components/navbar/index.d.ts.map +1 -0
- package/lib/components/navbar/index.js +77 -0
- package/lib/components/navbar/index.js.map +1 -0
- package/lib/compute.d.ts +5 -0
- package/lib/compute.d.ts.map +1 -0
- package/lib/compute.js +59 -0
- package/lib/compute.js.map +1 -0
- package/lib/config.d.ts +43 -0
- package/lib/config.d.ts.map +1 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib/module.d.ts +4 -0
- package/lib/module.d.ts.map +1 -0
- package/lib/module.js +13 -0
- package/lib/module.js.map +1 -0
- package/lib/pages/ArticlePage/index.d.ts +4 -0
- package/lib/pages/ArticlePage/index.d.ts.map +1 -0
- package/lib/pages/ArticlePage/index.js +190 -0
- package/lib/pages/ArticlePage/index.js.map +1 -0
- package/lib/pages/CategoryCollection/index.d.ts +4 -0
- package/lib/pages/CategoryCollection/index.d.ts.map +1 -0
- package/lib/pages/CategoryCollection/index.js +121 -0
- package/lib/pages/CategoryCollection/index.js.map +1 -0
- package/lib/pages/GetStarted/components/ExampleCard.d.ts +10 -0
- package/lib/pages/GetStarted/components/ExampleCard.d.ts.map +1 -0
- package/lib/pages/GetStarted/components/GetStartedHero.d.ts +8 -0
- package/lib/pages/GetStarted/components/GetStartedHero.d.ts.map +1 -0
- package/lib/pages/GetStarted/components/InfoSection.d.ts +11 -0
- package/lib/pages/GetStarted/components/InfoSection.d.ts.map +1 -0
- package/lib/pages/GetStarted/components/TipCard.d.ts +10 -0
- package/lib/pages/GetStarted/components/TipCard.d.ts.map +1 -0
- package/lib/pages/GetStarted/components/UseCase.d.ts +13 -0
- package/lib/pages/GetStarted/components/UseCase.d.ts.map +1 -0
- package/lib/pages/GetStarted/index.d.ts +3 -0
- package/lib/pages/GetStarted/index.d.ts.map +1 -0
- package/lib/pages/GetStarted/index.js +776 -0
- package/lib/pages/GetStarted/index.js.map +1 -0
- package/lib/pages/HelpCenter/components/BookStack.d.ts +3 -0
- package/lib/pages/HelpCenter/components/BookStack.d.ts.map +1 -0
- package/lib/pages/HelpCenter/components/BookStack.js +36 -0
- package/lib/pages/HelpCenter/components/BookStack.js.map +1 -0
- package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts +21 -0
- package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts.map +1 -0
- package/lib/pages/HelpCenter/components/HelpCategoryCard.js +84 -0
- package/lib/pages/HelpCenter/components/HelpCategoryCard.js.map +1 -0
- package/lib/pages/HelpCenter/components/Icons.d.ts +22 -0
- package/lib/pages/HelpCenter/components/Icons.d.ts.map +1 -0
- package/lib/pages/HelpCenter/components/Icons.js +342 -0
- package/lib/pages/HelpCenter/components/Icons.js.map +1 -0
- package/lib/pages/HelpCenter/components/PopularArticle.d.ts +8 -0
- package/lib/pages/HelpCenter/components/PopularArticle.d.ts.map +1 -0
- package/lib/pages/HelpCenter/components/PopularArticle.js +51 -0
- package/lib/pages/HelpCenter/components/PopularArticle.js.map +1 -0
- package/lib/pages/HelpCenter/index.d.ts +4 -0
- package/lib/pages/HelpCenter/index.d.ts.map +1 -0
- package/lib/pages/HelpCenter/index.js +71 -0
- package/lib/pages/HelpCenter/index.js.map +1 -0
- package/lib/pages/HelpCenter/mockData.d.ts +8 -0
- package/lib/pages/HelpCenter/mockData.d.ts.map +1 -0
- package/lib/pages/HelpCenter/mockData.js +13 -0
- package/lib/pages/HelpCenter/mockData.js.map +1 -0
- package/lib/pages/LandingPage/components/ArticleCard.d.ts +11 -0
- package/lib/pages/LandingPage/components/ArticleCard.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/ArticleCard.js +29 -0
- package/lib/pages/LandingPage/components/ArticleCard.js.map +1 -0
- package/lib/pages/LandingPage/components/Assets.d.ts +15 -0
- package/lib/pages/LandingPage/components/Assets.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/Assets.js +14 -0
- package/lib/pages/LandingPage/components/Assets.js.map +1 -0
- package/lib/pages/LandingPage/components/CategoriesSection.d.ts +16 -0
- package/lib/pages/LandingPage/components/CategoriesSection.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/CategoriesSection.js +31 -0
- package/lib/pages/LandingPage/components/CategoriesSection.js.map +1 -0
- package/lib/pages/LandingPage/components/CategoryCard.d.ts +11 -0
- package/lib/pages/LandingPage/components/CategoryCard.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/CategoryCard.js +25 -0
- package/lib/pages/LandingPage/components/CategoryCard.js.map +1 -0
- package/lib/pages/LandingPage/components/FeaturedSection.d.ts +15 -0
- package/lib/pages/LandingPage/components/FeaturedSection.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/FeaturedSection.js +24 -0
- package/lib/pages/LandingPage/components/FeaturedSection.js.map +1 -0
- package/lib/pages/LandingPage/components/HeroSection.d.ts +9 -0
- package/lib/pages/LandingPage/components/HeroSection.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/HeroSection.js +46 -0
- package/lib/pages/LandingPage/components/HeroSection.js.map +1 -0
- package/lib/pages/LandingPage/components/Icons.d.ts +14 -0
- package/lib/pages/LandingPage/components/Icons.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/Icons.js +174 -0
- package/lib/pages/LandingPage/components/Icons.js.map +1 -0
- package/lib/pages/LandingPage/components/ResourceCard.d.ts +12 -0
- package/lib/pages/LandingPage/components/ResourceCard.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/ResourceCard.js +30 -0
- package/lib/pages/LandingPage/components/ResourceCard.js.map +1 -0
- package/lib/pages/LandingPage/components/ResourcesSection.d.ts +18 -0
- package/lib/pages/LandingPage/components/ResourcesSection.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/ResourcesSection.js +26 -0
- package/lib/pages/LandingPage/components/ResourcesSection.js.map +1 -0
- package/lib/pages/LandingPage/components/SearchBar.d.ts +8 -0
- package/lib/pages/LandingPage/components/SearchBar.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/SearchBar.js +58 -0
- package/lib/pages/LandingPage/components/SearchBar.js.map +1 -0
- package/lib/pages/LandingPage/index.d.ts +3 -0
- package/lib/pages/LandingPage/index.d.ts.map +1 -0
- package/lib/pages/LandingPage/index.js +209 -0
- package/lib/pages/LandingPage/index.js.map +1 -0
- package/lib/routes.json +58 -0
- package/lib/slot-fill/FooterFill.d.ts +3 -0
- package/lib/slot-fill/FooterFill.d.ts.map +1 -0
- package/lib/slot-fill/FooterFill.js +12 -0
- package/lib/slot-fill/FooterFill.js.map +1 -0
- package/lib/slot-fill/HeaderSearchButtonFill.d.ts +3 -0
- package/lib/slot-fill/HeaderSearchButtonFill.d.ts.map +1 -0
- package/lib/slot-fill/LogoFill.d.ts +5 -0
- package/lib/slot-fill/LogoFill.d.ts.map +1 -0
- package/lib/slot-fill/LogoFill.js +74 -0
- package/lib/slot-fill/LogoFill.js.map +1 -0
- package/lib/slot-fill/RightContentFill.d.ts +3 -0
- package/lib/slot-fill/RightContentFill.d.ts.map +1 -0
- package/lib/slot-fill/RightContentFill.js +14 -0
- package/lib/slot-fill/RightContentFill.js.map +1 -0
- package/lib/slot-fill/SearchBarFill.d.ts +4 -0
- package/lib/slot-fill/SearchBarFill.d.ts.map +1 -0
- package/lib/slot-fill/consts.d.ts +5 -0
- package/lib/slot-fill/consts.d.ts.map +1 -0
- package/lib/slot-fill/consts.js +2 -0
- package/lib/slot-fill/consts.js.map +1 -0
- package/lib/slot-fill/index.d.ts +6 -0
- package/lib/slot-fill/index.d.ts.map +1 -0
- package/lib/utils/helpCenterUtils.d.ts +26 -0
- package/lib/utils/helpCenterUtils.d.ts.map +1 -0
- package/lib/utils/index.d.ts +3 -0
- package/lib/utils/index.d.ts.map +1 -0
- package/lib/utils/index.js +3 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/markdownLoader.d.ts +32 -0
- package/lib/utils/markdownLoader.d.ts.map +1 -0
- package/lib/utils/markdownLoader.js +1287 -0
- package/lib/utils/markdownLoader.js.map +1 -0
- package/package.json +56 -0
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {cn}from'../../utils/index.js';import {getCategoryById,loadArticleContent}from'../../utils/markdownLoader.js';const ArticlePage = () => {
|
|
2
|
+
const {
|
|
3
|
+
categoryId,
|
|
4
|
+
articleSlug
|
|
5
|
+
} = useParams();
|
|
6
|
+
const [article, setArticle] = useState(null);
|
|
7
|
+
const [loading, setLoading] = useState(true);
|
|
8
|
+
const [activeHeadingId, setActiveHeadingId] = useState('');
|
|
9
|
+
const observerRef = useRef(null);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (articleSlug) {
|
|
12
|
+
const loadContent = async () => {
|
|
13
|
+
const articleData = await loadArticleContent(articleSlug);
|
|
14
|
+
setArticle(articleData);
|
|
15
|
+
setLoading(false);
|
|
16
|
+
};
|
|
17
|
+
loadContent();
|
|
18
|
+
}
|
|
19
|
+
}, [articleSlug]);
|
|
20
|
+
// Scroll spy functionality
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
if (!article?.headings || article.headings.length === 0) return;
|
|
23
|
+
// Clean up previous observer
|
|
24
|
+
if (observerRef.current) {
|
|
25
|
+
observerRef.current.disconnect();
|
|
26
|
+
}
|
|
27
|
+
// Create new intersection observer
|
|
28
|
+
observerRef.current = new IntersectionObserver(entries => {
|
|
29
|
+
entries.forEach(entry => {
|
|
30
|
+
if (entry.isIntersecting) {
|
|
31
|
+
setActiveHeadingId(entry.target.id);
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
}, {
|
|
35
|
+
rootMargin: '-20% 0px -70% 0px',
|
|
36
|
+
threshold: 0
|
|
37
|
+
});
|
|
38
|
+
// Observe all headings
|
|
39
|
+
article.headings.forEach(heading => {
|
|
40
|
+
const element = document.getElementById(heading.id);
|
|
41
|
+
if (element && observerRef.current) {
|
|
42
|
+
observerRef.current.observe(element);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
// Cleanup function
|
|
46
|
+
return () => {
|
|
47
|
+
if (observerRef.current) {
|
|
48
|
+
observerRef.current.disconnect();
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}, [article]);
|
|
52
|
+
const handleSearch = query => {
|
|
53
|
+
console.log('Searching for:', query);
|
|
54
|
+
// Implement search functionality
|
|
55
|
+
};
|
|
56
|
+
if (loading) {
|
|
57
|
+
return jsx("div", {
|
|
58
|
+
className: "min-h-screen bg-background text-foreground",
|
|
59
|
+
children: jsx("div", {
|
|
60
|
+
className: "container mx-auto px-16 py-16",
|
|
61
|
+
children: jsxs("div", {
|
|
62
|
+
className: "animate-pulse",
|
|
63
|
+
children: [jsx("div", {
|
|
64
|
+
className: "h-8 bg-muted rounded w-1/3 mb-4"
|
|
65
|
+
}), jsx("div", {
|
|
66
|
+
className: "h-4 bg-muted rounded w-1/2 mb-8"
|
|
67
|
+
}), jsxs("div", {
|
|
68
|
+
className: "space-y-4",
|
|
69
|
+
children: [jsx("div", {
|
|
70
|
+
className: "h-4 bg-muted rounded"
|
|
71
|
+
}), jsx("div", {
|
|
72
|
+
className: "h-4 bg-muted rounded w-5/6"
|
|
73
|
+
}), jsx("div", {
|
|
74
|
+
className: "h-4 bg-muted rounded w-4/6"
|
|
75
|
+
})]
|
|
76
|
+
})]
|
|
77
|
+
})
|
|
78
|
+
})
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
if (!article) {
|
|
82
|
+
return jsx("div", {
|
|
83
|
+
className: "min-h-screen bg-background text-foreground mt-20",
|
|
84
|
+
children: jsxs("div", {
|
|
85
|
+
className: "container mx-auto px-16 py-16",
|
|
86
|
+
children: [jsx("h1", {
|
|
87
|
+
className: "text-2xl font-bold",
|
|
88
|
+
children: "Article not found"
|
|
89
|
+
}), jsx(Link, {
|
|
90
|
+
to: "/help-center",
|
|
91
|
+
className: "mt-4 text-primary hover:text-primary/80",
|
|
92
|
+
children: "\u2190 Back to Help Center"
|
|
93
|
+
})]
|
|
94
|
+
})
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
return jsxs("div", {
|
|
98
|
+
className: "min-h-screen bg-background text-foreground scroll-smooth",
|
|
99
|
+
children: [jsx("div", {
|
|
100
|
+
className: "relative overflow-hidden",
|
|
101
|
+
children: jsx(HelpCenterHeader, {
|
|
102
|
+
onSearch: handleSearch
|
|
103
|
+
})
|
|
104
|
+
}), jsxs("div", {
|
|
105
|
+
className: "flex flex-col ml-auto w-[80%]",
|
|
106
|
+
children: [jsx("div", {
|
|
107
|
+
className: "container mx-auto px-4 md:px-16 pt-8",
|
|
108
|
+
children: jsxs("nav", {
|
|
109
|
+
className: "flex items-center space-x-2 text-sm text-muted-foreground",
|
|
110
|
+
children: [jsx(Link, {
|
|
111
|
+
to: "/help-center",
|
|
112
|
+
className: "hover:text-foreground",
|
|
113
|
+
children: "All Collections"
|
|
114
|
+
}), jsx("span", {
|
|
115
|
+
children: "\u203A"
|
|
116
|
+
}), jsx(Link, {
|
|
117
|
+
to: `/help-center/${article.categoryId}`,
|
|
118
|
+
className: "hover:text-foreground",
|
|
119
|
+
children: getCategoryById(article.categoryId)?.title || article.categoryId
|
|
120
|
+
}), jsx("span", {
|
|
121
|
+
children: "\u203A"
|
|
122
|
+
}), jsx("span", {
|
|
123
|
+
className: "text-foreground",
|
|
124
|
+
children: article.title
|
|
125
|
+
})]
|
|
126
|
+
})
|
|
127
|
+
}), jsx("main", {
|
|
128
|
+
className: "container mx-auto px-4 md:px-16 py-8",
|
|
129
|
+
children: jsxs("div", {
|
|
130
|
+
className: "flex flex-col lg:flex-row gap-8",
|
|
131
|
+
children: [jsxs("div", {
|
|
132
|
+
className: "flex-1 max-w-4xl mx-auto lg:mx-0",
|
|
133
|
+
children: [jsxs("div", {
|
|
134
|
+
className: "mb-8",
|
|
135
|
+
children: [jsx("h1", {
|
|
136
|
+
className: "text-3xl md:text-4xl font-bold text-foreground mb-4",
|
|
137
|
+
children: article.title
|
|
138
|
+
}), jsx("p", {
|
|
139
|
+
className: "text-lg text-muted-foreground mb-6",
|
|
140
|
+
children: article.description
|
|
141
|
+
}), jsxs("div", {
|
|
142
|
+
className: "flex items-center space-x-4 text-sm text-muted-foreground",
|
|
143
|
+
children: [jsxs("div", {
|
|
144
|
+
className: "flex items-center",
|
|
145
|
+
children: [jsx("div", {
|
|
146
|
+
className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground",
|
|
147
|
+
children: article.author.charAt(0)
|
|
148
|
+
}), jsxs("span", {
|
|
149
|
+
children: ["Written by ", article.author]
|
|
150
|
+
})]
|
|
151
|
+
}), jsx("span", {
|
|
152
|
+
children: "\u2022"
|
|
153
|
+
}), jsxs("span", {
|
|
154
|
+
children: ["Updated ", article.updatedAt]
|
|
155
|
+
})]
|
|
156
|
+
})]
|
|
157
|
+
}), jsx("div", {
|
|
158
|
+
className: "prose prose-lg max-w-none",
|
|
159
|
+
children: jsx("div", {
|
|
160
|
+
className: cn('prose-headings:text-foreground prose-p:text-muted-foreground prose-strong:text-foreground prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-blockquote:text-muted-foreground prose-code:text-foreground prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:rounded prose-pre:bg-muted prose-pre:text-foreground'),
|
|
161
|
+
dangerouslySetInnerHTML: {
|
|
162
|
+
__html: article.htmlContent
|
|
163
|
+
}
|
|
164
|
+
})
|
|
165
|
+
})]
|
|
166
|
+
}), jsx("aside", {
|
|
167
|
+
className: "w-full lg:w-80 flex-shrink-0",
|
|
168
|
+
children: jsx("div", {
|
|
169
|
+
className: "sticky top-[6rem]",
|
|
170
|
+
children: jsx("nav", {
|
|
171
|
+
className: "space-y-1",
|
|
172
|
+
children: article.headings && article.headings.length > 0 ? article.headings.map((heading, index) => {
|
|
173
|
+
const isActive = activeHeadingId === heading.id;
|
|
174
|
+
return jsx("a", {
|
|
175
|
+
href: `#${heading.id}`,
|
|
176
|
+
className: cn('relative block text-sm transition-colors py-1 pl-4', 'border-l-2 border-transparent', isActive ? 'text-foreground border-l-foreground bg-muted/20' : 'text-muted-foreground hover:text-foreground hover:border-l-muted-foreground', heading.level === 1 ? 'font-semibold' : heading.level === 2 ? 'ml-2' : heading.level === 3 ? 'ml-4' : heading.level === 4 ? 'ml-6' : heading.level === 5 ? 'ml-8' : 'ml-10'),
|
|
177
|
+
children: heading.text
|
|
178
|
+
}, index);
|
|
179
|
+
}) : jsx("p", {
|
|
180
|
+
className: "text-sm text-muted-foreground",
|
|
181
|
+
children: "No headings found"
|
|
182
|
+
})
|
|
183
|
+
})
|
|
184
|
+
})
|
|
185
|
+
})]
|
|
186
|
+
})
|
|
187
|
+
})]
|
|
188
|
+
})]
|
|
189
|
+
});
|
|
190
|
+
};export{ArticlePage as default};//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/pages/ArticlePage/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAsGnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCenterIcons}from'../HelpCenter/components/Icons.js';import {cn}from'../../utils/index.js';import {getCategoryById}from'../../utils/markdownLoader.js';const CategoryCollectionPage = () => {
|
|
2
|
+
const {
|
|
3
|
+
categoryId
|
|
4
|
+
} = useParams();
|
|
5
|
+
const category = categoryId ? getCategoryById(categoryId) : null;
|
|
6
|
+
const handleSearch = query => {
|
|
7
|
+
console.log('Searching for:', query);
|
|
8
|
+
// Implement search functionality
|
|
9
|
+
};
|
|
10
|
+
const renderIcon = iconType => {
|
|
11
|
+
if (iconType in HelpCenterIcons) {
|
|
12
|
+
const IconComponent = HelpCenterIcons[iconType];
|
|
13
|
+
return jsx(IconComponent, {
|
|
14
|
+
width: 24,
|
|
15
|
+
height: 24
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return null;
|
|
19
|
+
};
|
|
20
|
+
if (!category) {
|
|
21
|
+
return jsx("div", {
|
|
22
|
+
className: "min-h-screen bg-background text-foreground",
|
|
23
|
+
children: jsxs("div", {
|
|
24
|
+
className: "container mx-auto px-16 py-16",
|
|
25
|
+
children: [jsx("h1", {
|
|
26
|
+
className: "text-2xl font-bold",
|
|
27
|
+
children: "Category not found"
|
|
28
|
+
}), jsx(Link, {
|
|
29
|
+
to: "/help-center",
|
|
30
|
+
className: "mt-4 text-primary hover:text-primary/80",
|
|
31
|
+
children: "\u2190 Back to Help Center"
|
|
32
|
+
})]
|
|
33
|
+
})
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
return jsxs("div", {
|
|
37
|
+
className: "min-h-screen bg-background text-foreground",
|
|
38
|
+
children: [jsx("div", {
|
|
39
|
+
className: "relative overflow-hidden",
|
|
40
|
+
children: jsx(HelpCenterHeader, {
|
|
41
|
+
onSearch: handleSearch
|
|
42
|
+
})
|
|
43
|
+
}), jsx("div", {
|
|
44
|
+
className: "container mx-auto px-16 pt-8",
|
|
45
|
+
children: jsxs("nav", {
|
|
46
|
+
className: "flex items-center space-x-2 text-sm text-muted-foreground",
|
|
47
|
+
children: [jsx(Link, {
|
|
48
|
+
to: "/help-center",
|
|
49
|
+
className: "hover:text-foreground",
|
|
50
|
+
children: "All Collections"
|
|
51
|
+
}), jsx("span", {
|
|
52
|
+
children: "\u203A"
|
|
53
|
+
}), jsx("span", {
|
|
54
|
+
className: "text-foreground",
|
|
55
|
+
children: category.title
|
|
56
|
+
})]
|
|
57
|
+
})
|
|
58
|
+
}), jsxs("main", {
|
|
59
|
+
className: "container mx-auto px-16 py-8",
|
|
60
|
+
children: [jsx("div", {
|
|
61
|
+
className: "mb-8",
|
|
62
|
+
children: jsxs("div", {
|
|
63
|
+
className: "flex items-start space-x-4",
|
|
64
|
+
children: [jsx("div", {
|
|
65
|
+
className: "text-primary",
|
|
66
|
+
children: renderIcon(category.iconType)
|
|
67
|
+
}), jsxs("div", {
|
|
68
|
+
children: [jsx("h1", {
|
|
69
|
+
className: "text-4xl font-bold text-foreground mb-2",
|
|
70
|
+
children: category.title
|
|
71
|
+
}), jsx("p", {
|
|
72
|
+
className: "text-lg text-muted-foreground mb-4",
|
|
73
|
+
children: category.description
|
|
74
|
+
}), jsx("div", {
|
|
75
|
+
className: "flex items-center space-x-4 text-sm text-muted-foreground",
|
|
76
|
+
children: jsxs("div", {
|
|
77
|
+
className: "flex items-center",
|
|
78
|
+
children: [jsx("div", {
|
|
79
|
+
className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground",
|
|
80
|
+
children: "J"
|
|
81
|
+
}), jsxs("span", {
|
|
82
|
+
children: ["By Beena \u2022 ", category.articles.length, " articles"]
|
|
83
|
+
})]
|
|
84
|
+
})
|
|
85
|
+
})]
|
|
86
|
+
})]
|
|
87
|
+
})
|
|
88
|
+
}), jsx("div", {
|
|
89
|
+
className: "space-y-4",
|
|
90
|
+
children: category.articles.map(article => jsxs(Link, {
|
|
91
|
+
to: `/help-center/${categoryId}/${article.slug}`,
|
|
92
|
+
className: cn('group flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-6 transition-all hover:border-primary/50 hover:bg-primary/5'),
|
|
93
|
+
children: [jsxs("div", {
|
|
94
|
+
className: "flex-1",
|
|
95
|
+
children: [jsx("h3", {
|
|
96
|
+
className: "text-lg font-medium text-foreground group-hover:text-primary transition-colors",
|
|
97
|
+
children: article.title
|
|
98
|
+
}), jsx("p", {
|
|
99
|
+
className: "mt-1 text-sm text-muted-foreground",
|
|
100
|
+
children: article.description
|
|
101
|
+
})]
|
|
102
|
+
}), jsx("div", {
|
|
103
|
+
className: "ml-4 text-muted-foreground group-hover:text-primary transition-colors",
|
|
104
|
+
children: jsx("svg", {
|
|
105
|
+
className: "h-5 w-5",
|
|
106
|
+
fill: "none",
|
|
107
|
+
viewBox: "0 0 24 24",
|
|
108
|
+
stroke: "currentColor",
|
|
109
|
+
children: jsx("path", {
|
|
110
|
+
strokeLinecap: "round",
|
|
111
|
+
strokeLinejoin: "round",
|
|
112
|
+
strokeWidth: 2,
|
|
113
|
+
d: "M9 5l7 7-7 7"
|
|
114
|
+
})
|
|
115
|
+
})
|
|
116
|
+
})]
|
|
117
|
+
}, article.id))
|
|
118
|
+
})]
|
|
119
|
+
})]
|
|
120
|
+
});
|
|
121
|
+
};export{CategoryCollectionPage as default};//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"6TAOM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAkB,EAAA;AACd,EAAA,MAAA,QAAQ,GAAG,4BAA0B,CAAA,UAAA,CAAA,GAAA,IAAA;QACrC,YAAiC,GAAA,KAAA,IAAA;AACrC,IAAA,OAAE,CAAA,GAAA,CAAA,gBAAA,EAAA,KAAA,CAAA;AAEF;AACI,GAAA;AACI,EAAA,MAAA,UAAM,eAAgB;gBACf,IAAA,eAAc,EAAA;YACxB,aAAA,GAAA,eAAA,CAAA,QAAA,CAAA;AACD,MAAA,OAAAA,iBAAY,EAAA;AAChB,QAAE,KAAA,EAAA,EAAA;QAEE,MAAS,EAAA;AACT,OAAA,CAAA;;IAYJ,OAAO,IACE;AAsEb,GAAE;AAEF,EAAA,IAAA,CAAA,QAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ExampleCardProps {
|
|
3
|
+
question: string;
|
|
4
|
+
answer: string;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const ExampleCard: React.FC<ExampleCardProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=ExampleCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExampleCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/ExampleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6BlD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GetStartedHero.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/GetStartedHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,mBAAmB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwBxD,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface InfoSectionProps {
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
lightBackground?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const InfoSection: React.FC<InfoSectionProps>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=InfoSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/InfoSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkBlD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TipCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/TipCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgB1C,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface UseCaseProps {
|
|
3
|
+
title: string;
|
|
4
|
+
description: string;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const UseCase: React.FC<UseCaseProps>;
|
|
8
|
+
interface UseCaseGridProps {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const UseCaseGrid: React.FC<UseCaseGridProps>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=UseCase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UseCase.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/UseCase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAU1C,CAAC;AAEF,UAAU,gBAAgB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAElD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/GetStarted/index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,+CAsuBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|