Skip to content

Commit a6b8816

Browse files
gingerwizardgingerwizard
committed
fix kb
1 parent eeeec41 commit a6b8816

File tree

3 files changed

+73
-52
lines changed

3 files changed

+73
-52
lines changed

‎src/theme/BlogListPage/index.js

Lines changed: 30 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -15,15 +15,16 @@ import ButtonGroup from "../../components/ButtonGroup/ButtonGroup";
1515
import BlogBreadcrumbs from "../../components/BlogBreadcrumbs/BlogBreadcrumbs";
1616
import { useHistory } from 'react-router-dom';
1717
import Translate from "@docusaurus/Translate";
18-
18+
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
1919

2020
import styles from './styles.module.css';
21+
2122
function BlogListPageMetadata(props) {
22-
const {metadata} = props;
23+
const { metadata } = props;
2324
const {
24-
siteConfig: {title: siteTitle},
25+
siteConfig: { title: siteTitle },
2526
} = useDocusaurusContext();
26-
const {blogDescription, blogTitle, permalink} = metadata;
27+
const { blogDescription, blogTitle, permalink } = metadata;
2728
const isBlogOnlyMode = permalink === '/';
2829
const title = isBlogOnlyMode ? siteTitle : blogTitle;
2930
return (
@@ -33,29 +34,39 @@ function BlogListPageMetadata(props) {
3334
</>
3435
);
3536
}
37+
3638
function BlogListPageContent(props) {
39+
3740
const history = useHistory()
38-
const {metadata, items, sidebar} = props;
41+
const { metadata, items, sidebar } = props;
42+
const {
43+
i18n: { currentLocale },
44+
} = useDocusaurusContext();
45+
3946
return (
4047
<BlogLayout sidebar={sidebar}>
41-
<BlogBreadcrumbs/>
48+
<BlogBreadcrumbs />
4249
<h1 className={styles.kbTitle}>
4350
<Translate id={`theme.blog.title`} description={`Translation for Knowledge Base`}>Knowledge Base</Translate>
4451
</h1>
4552
<ButtonGroup
46-
onClick={function Nav(value){if (typeof window !== 'undefined'){ value === 'recent' ? history.push('/docs/knowledgebase') : history.push('/docs/knowledgebase/tags') }}}
47-
options={[
48-
{
49-
label: 'Recent',
50-
value: 'recent'
51-
},
52-
{
53-
label: 'Grouped by tags',
54-
value: 'grouped_by_tags'
55-
},
56-
]}
57-
selected="recent"
58-
type="default"
53+
onClick={function Nav(value) {
54+
if (typeof window !== 'undefined') {
55+
value === 'recent' ? history.push(`/docs/${currentLocale}/knowledgebase`) : history.push(`/docs/${currentLocale}/knowledgebase/tags`)
56+
}
57+
}}
58+
options={[
59+
{
60+
label: 'Recent',
61+
value: 'recent'
62+
},
63+
{
64+
label: 'Grouped by tags',
65+
value: 'grouped_by_tags'
66+
},
67+
]}
68+
selected="recent"
69+
type="default"
5970
/>
6071
<BlogPostItems items={items} />
6172
<BlogListPaginator metadata={metadata} />

‎src/theme/BlogTagsListPage/index.js

Lines changed: 21 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,16 @@ import BlogBreadcrumbs from "../../components/BlogBreadcrumbs/BlogBreadcrumbs";
1515
import { useHistory } from 'react-router-dom';
1616
import styles from './styles.module.css';
1717
import Translate from "@docusaurus/Translate";
18+
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
1819

19-
export default function BlogTagsListPage({tags, sidebar}) {
20+
export default function BlogTagsListPage({ tags, sidebar }) {
2021
const history = useHistory();
2122
const title = translateTagsPageTitle();
23+
const {
24+
i18n: { currentLocale },
25+
} = useDocusaurusContext();
26+
27+
2228
return (
2329
<HtmlClassNameProvider
2430
className={clsx(
@@ -28,22 +34,22 @@ export default function BlogTagsListPage({tags, sidebar}) {
2834
<PageMetadata title={title} />
2935
<SearchMetadata tag="blog_tags_list" />
3036
<BlogLayout sidebar={sidebar}>
31-
<BlogBreadcrumbs/>
37+
<BlogBreadcrumbs />
3238
<Heading as="h1" className={styles.kbTitle}><Translate id={`theme.blog.title`} description={`Translation for Knowledge Base`}>Knowledge Base</Translate></Heading>
3339
<ButtonGroup
34-
onClick={function Nav(value){if (typeof window !== 'undefined'){ value === 'recent' ? history.push('/docs/knowledgebase') : history.push('/docs/knowledgebase/tags') }}}
35-
options={[
36-
{
37-
label: 'Recent',
38-
value: 'recent'
39-
},
40-
{
41-
label: 'Grouped by tags',
42-
value: 'grouped_by_tags'
43-
},
44-
]}
45-
selected="grouped_by_tags"
46-
type="default"
40+
onClick={function Nav(value) { if (typeof window !== 'undefined') { value === 'recent' ? history.push(`/docs/${currentLocale}/knowledgebase`) : history.push(`/docs/${currentLocale}/knowledgebase/tags`) } }}
41+
options={[
42+
{
43+
label: 'Recent',
44+
value: 'recent'
45+
},
46+
{
47+
label: 'Grouped by tags',
48+
value: 'grouped_by_tags'
49+
},
50+
]}
51+
selected="grouped_by_tags"
52+
type="default"
4753
/>
4854
<TagsListByLetter tags={tags} />
4955
</BlogLayout>

‎src/theme/BlogTagsPostsPage/index.js

Lines changed: 22 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {
66
HtmlClassNameProvider,
77
ThemeClassNames,
88
} from '@docusaurus/theme-common';
9-
import {useBlogTagsPostsPageTitle} from '@docusaurus/theme-common/internal';
9+
import { useBlogTagsPostsPageTitle } from '@docusaurus/theme-common/internal';
1010
import Link from '@docusaurus/Link';
1111
import BlogLayout from '@theme/BlogLayout';
1212
import BlogListPaginator from '@theme/BlogListPaginator';
@@ -18,8 +18,9 @@ import ButtonGroup from "../../components/ButtonGroup/ButtonGroup";
1818
import styles from './styles.module.css';
1919
import BlogBreadcrumbs from "../../components/BlogBreadcrumbs/BlogBreadcrumbs";
2020
import { useHistory } from 'react-router-dom';
21+
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
2122

22-
function BlogTagsPostsPageMetadata({tag}) {
23+
function BlogTagsPostsPageMetadata({ tag }) {
2324
const title = useBlogTagsPostsPageTitle(tag);
2425
return (
2526
<>
@@ -28,29 +29,33 @@ function BlogTagsPostsPageMetadata({tag}) {
2829
</>
2930
);
3031
}
31-
function BlogTagsPostsPageContent({tag, items, sidebar, listMetadata}) {
32+
function BlogTagsPostsPageContent({ tag, items, sidebar, listMetadata }) {
3233
const title = useBlogTagsPostsPageTitle(tag);
3334
const history = useHistory();
35+
const {
36+
i18n: { currentLocale },
37+
} = useDocusaurusContext();
38+
3439
return (
3540
<BlogLayout sidebar={sidebar}>
3641
{tag.unlisted && <Unlisted />}
3742
<header className="margin-bottom--xl">
38-
<BlogBreadcrumbs/>
43+
<BlogBreadcrumbs />
3944
<h1 className={styles.kbTitle}>Knowledge Base</h1>
4045
<ButtonGroup
41-
onClick={function Nav(value){value === 'recent' ? history.push('/docs/knowledgebase') : history.push('/docs/knowledgebase/tags') }}
42-
options={[
43-
{
44-
label: 'Recent',
45-
value: 'recent'
46-
},
47-
{
48-
label: 'Grouped by tags',
49-
value: 'grouped_by_tags'
50-
},
51-
]}
52-
selected="grouped_by_tags"
53-
type="default"
46+
onClick={function Nav(value) { value === 'recent' ? history.push(`/docs/${currentLocale}/knowledgebase`) : history.push(`/docs/${currentLocale}/knowledgebase/tags`) }}
47+
options={[
48+
{
49+
label: 'Recent',
50+
value: 'recent'
51+
},
52+
{
53+
label: 'Grouped by tags',
54+
value: 'grouped_by_tags'
55+
},
56+
]}
57+
selected="grouped_by_tags"
58+
type="default"
5459
/>
5560
<Heading as="h1" className={styles.postsTagged}>{title}</Heading>
5661
{tag.description && <p>{tag.description}</p>}
@@ -72,4 +77,3 @@ export default function BlogTagsPostsPage(props) {
7277
</HtmlClassNameProvider>
7378
);
7479
}
75-

0 commit comments

Comments
 (0)