github.com/kubri/kubri@v0.5.1-0.20240317001612-bda2aaef967e/website/src/plugins/changelog/theme/ChangelogList/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 Translate from '@docusaurus/Translate'
    10  import Link from '@docusaurus/Link'
    11  import Heading from '@theme/Heading'
    12  import styles from './styles.module.css'
    13  
    14  function RssLink() {
    15    return (
    16      <Link href="pathname:///changelog/rss.xml" className={styles.rss}>
    17        <b>
    18          <Translate id="changelog.description.rssLink">RSS feeds</Translate>
    19        </b>
    20        <svg
    21          style={{
    22            fill: '#f26522',
    23            position: 'relative',
    24            left: 4,
    25            top: 1,
    26            marginRight: 8,
    27          }}
    28          xmlns="http://www.w3.org/2000/svg"
    29          width="16"
    30          height="16"
    31          viewBox="0 0 24 24"
    32        >
    33          <path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z" />
    34        </svg>
    35      </Link>
    36    )
    37  }
    38  
    39  export default function ChangelogListHeader({ blogTitle }: { blogTitle: string }): JSX.Element {
    40    return (
    41      <header className="margin-bottom--lg">
    42        <Heading as="h1" style={{ fontSize: '3rem' }}>
    43          {blogTitle}
    44        </Heading>
    45        <p>
    46          <Translate id="changelog.description" values={{ rssLink: <RssLink /> }}>
    47            {'Subscribe through {rssLink} to stay up-to-date with new releases!'}
    48          </Translate>
    49        </p>
    50      </header>
    51    )
    52  }