💡 Add title to About page
This commit is contained in:
@@ -3,48 +3,37 @@ import {
|
|||||||
ActionIcon,
|
ActionIcon,
|
||||||
Anchor,
|
Anchor,
|
||||||
Badge,
|
Badge,
|
||||||
Button,
|
|
||||||
Divider,
|
Divider,
|
||||||
Grid,
|
|
||||||
Group,
|
Group,
|
||||||
HoverCard,
|
HoverCard,
|
||||||
Image,
|
|
||||||
Kbd,
|
Kbd,
|
||||||
Modal,
|
|
||||||
Stack,
|
Stack,
|
||||||
Table,
|
Table,
|
||||||
Text,
|
Text,
|
||||||
Title,
|
createStyles
|
||||||
createStyles,
|
|
||||||
} from '@mantine/core';
|
} from '@mantine/core';
|
||||||
import {
|
import {
|
||||||
IconAnchor,
|
IconAnchor,
|
||||||
IconBrandDiscord,
|
|
||||||
IconBrandGithub,
|
|
||||||
IconFile,
|
|
||||||
IconKey,
|
IconKey,
|
||||||
IconLanguage,
|
IconLanguage,
|
||||||
IconSchema,
|
IconSchema,
|
||||||
IconVersions,
|
IconVersions,
|
||||||
IconVocabulary,
|
IconVocabulary
|
||||||
IconWorldWww,
|
|
||||||
} from '@tabler/icons-react';
|
} from '@tabler/icons-react';
|
||||||
import { useQuery } from '@tanstack/react-query';
|
import { useQuery } from '@tanstack/react-query';
|
||||||
import { motion } from 'framer-motion';
|
|
||||||
import { InitOptions } from 'i18next';
|
import { InitOptions } from 'i18next';
|
||||||
import { GetStaticPropsContext } from 'next';
|
import { GetServerSidePropsContext } from 'next';
|
||||||
import { Trans, i18n, useTranslation } from 'next-i18next';
|
import { Trans, i18n, useTranslation } from 'next-i18next';
|
||||||
import { ReactElement, ReactNode } from 'react';
|
import Head from 'next/head';
|
||||||
|
import { ReactNode } from 'react';
|
||||||
import { ManageLayout } from '~/components/layout/Templates/ManageLayout';
|
import { ManageLayout } from '~/components/layout/Templates/ManageLayout';
|
||||||
import { Contributors, ContributorsTable } from '~/components/layout/header/About/Contributors';
|
import { Contributors, ContributorsTable } from '~/components/layout/header/About/Contributors';
|
||||||
import Credits from '~/components/layout/header/About/Credits';
|
import Credits from '~/components/layout/header/About/Credits';
|
||||||
import Tip from '~/components/layout/header/About/Tip';
|
import Tip from '~/components/layout/header/About/Tip';
|
||||||
import { TranslatorsTable } from '~/components/layout/header/About/Translators';
|
import { TranslatorsTable } from '~/components/layout/header/About/Translators';
|
||||||
import { useConfigContext } from '~/config/provider';
|
import { useConfigContext } from '~/config/provider';
|
||||||
import { useConfigStore } from '~/config/store';
|
|
||||||
import { usePackageAttributesStore } from '~/tools/client/zustands/usePackageAttributesStore';
|
import { usePackageAttributesStore } from '~/tools/client/zustands/usePackageAttributesStore';
|
||||||
import { useColorTheme } from '~/tools/color';
|
import { useColorTheme } from '~/tools/color';
|
||||||
import { queryClient } from '~/tools/server/configurations/tanstack/queryClient.tool';
|
|
||||||
import { getServerSideTranslations } from '~/tools/server/getServerSideTranslations';
|
import { getServerSideTranslations } from '~/tools/server/getServerSideTranslations';
|
||||||
|
|
||||||
import { REPO_URL } from '../../../data/constants';
|
import { REPO_URL } from '../../../data/constants';
|
||||||
@@ -212,6 +201,9 @@ export const Page = ({ contributors }: { contributors: Contributors[] }) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<ManageLayout>
|
<ManageLayout>
|
||||||
|
<Head>
|
||||||
|
<title>About • Homarr</title>
|
||||||
|
</Head>
|
||||||
<Stack>
|
<Stack>
|
||||||
<Text>
|
<Text>
|
||||||
<Trans i18nKey="layout/modals/about:description" />
|
<Trans i18nKey="layout/modals/about:description" />
|
||||||
@@ -270,7 +262,7 @@ export const Page = ({ contributors }: { contributors: Contributors[] }) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export async function getStaticProps({ locale }: GetStaticPropsContext) {
|
export async function getServerSideProps({ locale }: GetServerSidePropsContext) {
|
||||||
const contributors = (await fetch(
|
const contributors = (await fetch(
|
||||||
`https://api.github.com/repos/${REPO_URL}/contributors?per_page=100`,
|
`https://api.github.com/repos/${REPO_URL}/contributors?per_page=100`,
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user