extract page title to its own component

This commit is contained in:
Athou
2022-08-15 10:01:26 +02:00
parent 6f26c54b62
commit a8e818f97f
6 changed files with 25 additions and 39 deletions

View File

@@ -6,7 +6,7 @@ import { redirectToRootCategory } from "app/slices/redirect"
import { useAppDispatch, useAppSelector } from "app/store"
import { LoginRequest } from "app/types"
import { Alert } from "components/Alert"
import { Logo } from "components/Logo"
import { PageTitle } from "pages/PageTitle"
import { useAsyncCallback } from "react-async-hook"
import { Link } from "react-router-dom"
@@ -29,12 +29,7 @@ export function LoginPage() {
return (
<Container size="xs">
<Center my="xl">
<Logo size={48} />
<Title order={1} ml="md">
CommaFeed
</Title>
</Center>
<PageTitle />
<Paper>
<Title order={2} mb="md">
<Trans>Log in</Trans>

View File

@@ -4,7 +4,7 @@ import { useForm } from "@mantine/form"
import { client, errorToStrings } from "app/client"
import { PasswordResetRequest } from "app/types"
import { Alert } from "components/Alert"
import { Logo } from "components/Logo"
import { PageTitle } from "pages/PageTitle"
import { useState } from "react"
import { useAsyncCallback } from "react-async-hook"
import { Link } from "react-router-dom"
@@ -26,12 +26,7 @@ export function PasswordRecoveryPage() {
return (
<Container size="xs">
<Center my="xl">
<Logo size={48} />
<Title order={1} ml="md">
CommaFeed
</Title>
</Center>
<PageTitle />
<Paper>
<Title order={2} mb="md">
<Trans>Password Recovery</Trans>

View File

@@ -6,7 +6,7 @@ import { redirectToRootCategory } from "app/slices/redirect"
import { useAppDispatch, useAppSelector } from "app/store"
import { RegistrationRequest } from "app/types"
import { Alert } from "components/Alert"
import { Logo } from "components/Logo"
import { PageTitle } from "pages/PageTitle"
import { useAsyncCallback } from "react-async-hook"
import { Link } from "react-router-dom"
@@ -30,12 +30,7 @@ export function RegistrationPage() {
return (
<Container size="xs">
<Center my="xl">
<Logo size={48} />
<Title order={1} ml="md">
CommaFeed
</Title>
</Center>
<PageTitle />
<Paper>
<Title order={2} mb="md">
<Trans>Sign up</Trans>