Skip to content

Commit 960efaa

Browse files
authored
Pooja/feedback (#80)
* Add feedback widget with gtag event * Add index file that I forgot :)
1 parent 262cdc5 commit 960efaa

File tree

1 file changed

+56
-0
lines changed

1 file changed

+56
-0
lines changed

src/theme/DocItem/Footer/index.js

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
import React from 'react';
2+
import clsx from 'clsx';
3+
import {ThemeClassNames} from '@docusaurus/theme-common';
4+
import {useDoc} from '@docusaurus/theme-common/internal';
5+
import TagsListInline from '@theme/TagsListInline';
6+
import EditMetaRow from '@theme/EditMetaRow';
7+
import Feedback from '../../../components/Feedback/index.js';
8+
9+
export default function DocItemFooter() {
10+
const {metadata} = useDoc();
11+
const {
12+
editUrl,
13+
lastUpdatedAt,
14+
formattedLastUpdatedAt,
15+
lastUpdatedBy,
16+
tags,
17+
unversionedId,
18+
} = metadata;
19+
const canDisplayTagsRow = tags.length > 0;
20+
const canDisplayEditMetaRow = !!(editUrl || lastUpdatedAt || lastUpdatedBy);
21+
const canDisplayFooter = canDisplayTagsRow || canDisplayEditMetaRow;
22+
23+
if (!canDisplayFooter) {
24+
return null;
25+
}
26+
return (
27+
28+
<footer
29+
className={clsx(ThemeClassNames.docs.docFooter, 'docusaurus-mt-lg')}>
30+
<Feedback resource={unversionedId} />
31+
{canDisplayTagsRow && (
32+
33+
<div
34+
className={clsx(
35+
'row margin-top--sm',
36+
ThemeClassNames.docs.docFooterTagsRow,
37+
)}>
38+
<div className="col">
39+
<TagsListInline tags={tags}/>
40+
</div>
41+
</div>
42+
)}
43+
{canDisplayEditMetaRow && (
44+
<EditMetaRow
45+
className={clsx(
46+
'margin-top--sm',
47+
ThemeClassNames.docs.docFooterEditMetaRow,
48+
)}
49+
editUrl={editUrl}
50+
lastUpdatedAt={lastUpdatedAt}
51+
lastUpdatedBy={lastUpdatedBy}
52+
/>
53+
)}
54+
</footer>
55+
);
56+
}

0 commit comments

Comments
 (0)