File tree Expand file tree Collapse file tree 1 file changed +56
-0
lines changed Expand file tree Collapse file tree 1 file changed +56
-0
lines changed Original file line number Diff line number Diff line change
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
+ }
You can’t perform that action at this time.
0 commit comments