fix(all): page title

cjtim · Oct 16, 2022 · b20e32b · b20e32b
1 parent 5385eb0
commit b20e32b
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 15 deletions.
diff --git a/pages/pets/new.tsx b/pages/pets/new.tsx
@@ -1,4 +1,4 @@
-import { Center } from '@chakra-ui/react'
+import { Center, Heading } from '@chakra-ui/react'
 import { AxiosResponse } from 'axios'
 import Navbar from 'components/global/Navbar'
 import PageLayout from 'components/global/PageLayout'
@@ -38,7 +38,8 @@ const PetNewPage: NextPage<UserProps & Props> = ({ user, tags }) => {
   return (
     <PageLayout title="New pet">
       <Navbar user={user} />
-      <Center>
+      <Center flexDir="column" gap={2} p={4}>
+        <Heading>ลงทะเบียนสัตว์เลี้ยง</Heading>
         <PetRegisterCard onSubmitRegister={onSubmit} tags={tags} />
       </Center>
     </PageLayout>

diff --git a/pages/shelters/index.tsx b/pages/shelters/index.tsx
@@ -1,4 +1,4 @@
-import { Center, Container, Flex, Heading, Switch, Text } from '@chakra-ui/react'
+import { Center, Container, Heading } from '@chakra-ui/react'
 import Navbar from 'components/global/Navbar'
 import PageLayout from 'components/global/PageLayout'
 import { config } from 'config'
@@ -21,14 +21,14 @@ const SheltersPage: NextPage<Props> = ({ user, shelters }) => {
   const includeUser = router.query.include_user
   const title = includeUser ? 'สถานสงเคราะห์สัตว์ และผู้ใข้ทั่วไป' : 'สถานสงเคราะห์สัตว์'
 
-  const toggleIncludeUser = (newIncludeUser: boolean) => {
-    if (newIncludeUser) {
-      router.query.include_user = 'true'
-    } else {
-      delete router.query.include_user
-    }
-    router.push(router)
-  }
+  // const toggleIncludeUser = (newIncludeUser: boolean) => {
+  //   if (newIncludeUser) {
+  //     router.query.include_user = 'true'
+  //   } else {
+  //     delete router.query.include_user
+  //   }
+  //   router.push(router)
+  // }
 
   return (
     <PageLayout title={title}>
@@ -37,13 +37,13 @@ const SheltersPage: NextPage<Props> = ({ user, shelters }) => {
       <Container minW="container.lg">
         <Center py={2} gap={2} flexDir="column">
           <Heading>{title}</Heading>
-          <Flex gap={2} alignItems="center">
+          {/* <Flex gap={2} alignItems="center">
             <Text>แสดงบัญชีผู้ใช้ทั่วไป</Text>
             <Switch
               onChange={e => toggleIncludeUser(e.target.checked)}
               isChecked={Boolean(router.query.include_user)}
             />
-          </Flex>
+          </Flex> */}
         </Center>
         <ShelterTableList shelters={shelters} />
       </Container>

diff --git a/pages/user/interested.tsx b/pages/user/interested.tsx
@@ -1,3 +1,4 @@
+import { Center, Heading } from '@chakra-ui/react'
 import Navbar from 'components/global/Navbar'
 import PageLayout from 'components/global/PageLayout'
 import { config } from 'config'
@@ -18,7 +19,10 @@ const UserInterestedPage: NextPage<UserProps & Props> = ({ user, pets }) => (
   <PageLayout title="Interested pets">
     <Navbar user={user} />
 
-    <InterestedTable pets={pets} />
+    <Center flexDir="column" gap={2} p={4}>
+      <Heading>สัตว์ที่รับอุปการะ</Heading>
+      <InterestedTable pets={pets} />
+    </Center>
   </PageLayout>
 )
 

diff --git a/pages/user/liked.tsx b/pages/user/liked.tsx
@@ -1,3 +1,4 @@
+import { Center, Heading } from '@chakra-ui/react'
 import Navbar from 'components/global/Navbar'
 import PageLayout from 'components/global/PageLayout'
 import { config } from 'config'
@@ -26,7 +27,11 @@ const UserLikedPage: NextPage<UserProps & Props> = ({ user, pets }) => {
   return (
     <PageLayout title="Liked pets">
       <Navbar user={user} />
-      <PetsStatusTable pets={pets} onClickUnlike={onClickUnlike} />
+
+      <Center flexDir="column" gap={2} p={4}>
+        <Heading>สัตว์ที่ถูกใจ</Heading>
+        <PetsStatusTable pets={pets} onClickUnlike={onClickUnlike} />
+      </Center>
     </PageLayout>
   )
 }