github.com/kubri/kubri@v0.5.1-0.20240317001612-bda2aaef967e/website/src/plugins/changelog/theme/ChangelogItem/Header/index.tsx (about) 1 /** 2 * Copyright (c) Facebook, Inc. and its affiliates. 3 * 4 * This source code is licensed under the MIT license found in the 5 * LICENSE file in the root directory of this source tree. 6 */ 7 8 import type { JSX } from 'react' 9 import { useBlogPost } from '@docusaurus/theme-common/internal' 10 11 import BlogPostItemHeaderTitle from '@theme/BlogPostItem/Header/Title' 12 import BlogPostItemHeaderInfo from '@theme/BlogPostItem/Header/Info' 13 import ChangelogItemHeaderAuthors from '@theme/ChangelogItem/Header/Authors' 14 15 import styles from './styles.module.css' 16 17 // Reduce changelog title size, but only on list view 18 function ChangelogTitle() { 19 const { isBlogPostPage } = useBlogPost() 20 return ( 21 <BlogPostItemHeaderTitle 22 className={isBlogPostPage ? undefined : styles.changelogItemTitleList} 23 /> 24 ) 25 } 26 27 export default function ChangelogItemHeader(): JSX.Element { 28 return ( 29 <header> 30 <ChangelogTitle /> 31 <BlogPostItemHeaderInfo /> 32 <ChangelogItemHeaderAuthors /> 33 </header> 34 ) 35 }