@codecademy/brand 3.46.0 → 3.46.1-alpha.ac1f8b092.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.
|
@@ -6,35 +6,11 @@ import { useAppHeaderSectionContext } from '../AppHeaderSection/AppHeaderSection
|
|
|
6
6
|
import { PanelLayout } from '../AppHeaderSection/PanelLayout';
|
|
7
7
|
import { SkillTile } from '../AppHeaderSkillTile';
|
|
8
8
|
import { docsLinks, inspirationLinks, learningToolsLinks, practiceToolsLinks } from './consts';
|
|
9
|
-
import { jsx as _jsx
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
export const DocsPanel = () => {
|
|
11
|
-
const {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const {
|
|
15
|
-
tabIndex
|
|
16
|
-
} = useAppHeaderSectionContext();
|
|
17
|
-
const {
|
|
18
|
-
handleClose
|
|
19
|
-
} = useAppHeaderDropdownContext();
|
|
20
|
-
const description = /*#__PURE__*/_jsxs(_Fragment, {
|
|
21
|
-
children: [/*#__PURE__*/_jsx(Box, {
|
|
22
|
-
mb: 8,
|
|
23
|
-
children: "Definitions and guides to help you understand programming languages, frameworks, and concepts. Built and maintained by the coding community."
|
|
24
|
-
}), "Interested in helping build it?", ' ', /*#__PURE__*/_jsx(Anchor, {
|
|
25
|
-
tabIndex: tabIndex,
|
|
26
|
-
href: "/pages/contribute-docs",
|
|
27
|
-
onClick: event => {
|
|
28
|
-
globalHeaderItemClick(event, {
|
|
29
|
-
type: 'link',
|
|
30
|
-
href: '/pages/contribute-docs',
|
|
31
|
-
text: 'Contribute to Docs',
|
|
32
|
-
id: 'contribute-to-docs'
|
|
33
|
-
});
|
|
34
|
-
handleClose();
|
|
35
|
-
},
|
|
36
|
-
children: "Contribute to Docs"
|
|
37
|
-
})]
|
|
11
|
+
const description = /*#__PURE__*/_jsx(Box, {
|
|
12
|
+
mb: 8,
|
|
13
|
+
children: "Definitions and guides to help you understand programming languages, frameworks, and concepts."
|
|
38
14
|
});
|
|
39
15
|
return /*#__PURE__*/_jsx(PanelLayout, {
|
|
40
16
|
heading: "Docs",
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { WithChildrenProp } from '@codecademy/gamut';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { LandingPageBaseProps } from './types';
|
|
4
|
+
interface FAQ {
|
|
5
|
+
question: string;
|
|
6
|
+
answer: string;
|
|
7
|
+
}
|
|
4
8
|
export interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {
|
|
5
|
-
faqs?:
|
|
6
|
-
|
|
7
|
-
answer: string;
|
|
8
|
-
}[];
|
|
9
|
+
faqs?: FAQ[];
|
|
10
|
+
onRowClick?: (faq: FAQ, index: number) => void;
|
|
9
11
|
}
|
|
10
12
|
export declare const PageFaqs: React.FC<PageFaqsProps>;
|
|
13
|
+
export {};
|
|
@@ -7,10 +7,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
7
7
|
const FaqAnswer = /*#__PURE__*/_styled(Markdown, {
|
|
8
8
|
target: "e17s0ih10",
|
|
9
9
|
label: "FaqAnswer"
|
|
10
|
-
})("p{font-size:1rem;", theme.breakpoints.md, "{font-size:1.25rem;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
})("p{font-size:1rem;", theme.breakpoints.md, "{font-size:1.25rem;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9QYWdlRkFRcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJrQyIsImZpbGUiOiIuLi8uLi9zcmMvTGFuZGluZ1BhZ2UvUGFnZUZBUXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQm94LFxuICBDb2x1bW4sXG4gIERpc2Nsb3N1cmUsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIE1hcmtkb3duLFxuICBXaXRoQ2hpbGRyZW5Qcm9wLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRpdGxlIH0gZnJvbSAnLi9UaXRsZSc7XG5pbXBvcnQgeyBMYW5kaW5nUGFnZUJhc2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgRkFRIHtcbiAgcXVlc3Rpb246IHN0cmluZztcbiAgYW5zd2VyOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUZhcXNQcm9wcyBleHRlbmRzIExhbmRpbmdQYWdlQmFzZVByb3BzLCBXaXRoQ2hpbGRyZW5Qcm9wIHtcbiAgZmFxcz86IEZBUVtdO1xuICBvblJvd0NsaWNrPzogKGZhcTogRkFRLCBpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5jb25zdCBGYXFBbnN3ZXIgPSBzdHlsZWQoTWFya2Rvd24pYFxuICBwIHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gICAgJHt0aGVtZS5icmVha3BvaW50cy5tZH0ge1xuICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VGYXFzOiBSZWFjdC5GQzxQYWdlRmFxc1Byb3BzPiA9ICh7XG4gIHRpdGxlLFxuICBmYXFzLFxuICBvblJvd0NsaWNrLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMYXlvdXRHcmlkIHA9ezB9IG09ezB9PlxuICAgICAgPENvbHVtbiBzaXplPXsxMn0gcD17MH0gbT17MH0+XG4gICAgICAgIHt0aXRsZSAmJiAoXG4gICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBtYj17MzJ9PlxuICAgICAgICAgICAgPFRpdGxlIGlzUGFnZUhlYWRpbmc9e2ZhbHNlfT57dGl0bGV9PC9UaXRsZT5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtmYXFzICYmXG4gICAgICAgICAgZmFxcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgZmFxcy5tYXAoKGZhcSwgaSkgPT4gKFxuICAgICAgICAgICAgPEJveCBib3JkZXJCb3R0b209ezF9IGtleT17ZmFxLnF1ZXN0aW9ufT5cbiAgICAgICAgICAgICAgPERpc2Nsb3N1cmVcbiAgICAgICAgICAgICAgICBoZWFkaW5nPXtmYXEucXVlc3Rpb259XG4gICAgICAgICAgICAgICAgaGFzQm9yZGVyPXtmYWxzZX1cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIGJvZHk9ezxGYXFBbnN3ZXIgdGV4dD17ZmFxLmFuc3dlcn0gLz59XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Sb3dDbGljaz8uKGZhcSwgaSl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApKX1cbiAgICAgIDwvQ29sdW1uPlxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKTtcbn07XG4iXX0= */"));
|
|
11
11
|
export const PageFaqs = ({
|
|
12
12
|
title,
|
|
13
|
-
faqs
|
|
13
|
+
faqs,
|
|
14
|
+
onRowClick
|
|
14
15
|
}) => {
|
|
15
16
|
return /*#__PURE__*/_jsx(LayoutGrid, {
|
|
16
17
|
p: 0,
|
|
@@ -26,7 +27,7 @@ export const PageFaqs = ({
|
|
|
26
27
|
isPageHeading: false,
|
|
27
28
|
children: title
|
|
28
29
|
})
|
|
29
|
-
}), faqs && faqs.length > 0 && faqs.map(faq => /*#__PURE__*/_jsx(Box, {
|
|
30
|
+
}), faqs && faqs.length > 0 && faqs.map((faq, i) => /*#__PURE__*/_jsx(Box, {
|
|
30
31
|
borderBottom: 1,
|
|
31
32
|
children: /*#__PURE__*/_jsx(Disclosure, {
|
|
32
33
|
heading: faq.question,
|
|
@@ -34,7 +35,8 @@ export const PageFaqs = ({
|
|
|
34
35
|
variant: "transparent",
|
|
35
36
|
body: /*#__PURE__*/_jsx(FaqAnswer, {
|
|
36
37
|
text: faq.answer
|
|
37
|
-
})
|
|
38
|
+
}),
|
|
39
|
+
onClick: () => onRowClick?.(faq, i)
|
|
38
40
|
})
|
|
39
41
|
}, faq.question))]
|
|
40
42
|
})
|
package/package.json
CHANGED