From b1eac18f3f1f332edf8fa5bce395137ed6490a09 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Fri, 16 Sep 2022 17:40:56 +0900
Subject: [PATCH 01/14] =?UTF-8?q?=E3=82=A2=E3=82=A4=E3=82=B3=E3=83=B3MenuB?=
 =?UTF-8?q?utton=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Icons/IconMenuButton.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 front/src/components/Icons/IconMenuButton.tsx

diff --git a/front/src/components/Icons/IconMenuButton.tsx b/front/src/components/Icons/IconMenuButton.tsx
new file mode 100644
index 00000000..28584f40
--- /dev/null
+++ b/front/src/components/Icons/IconMenuButton.tsx
@@ -0,0 +1,16 @@
+import { Box } from '@chakra-ui/react'
+
+export const IconMenuButton = ({ ...props }) => {
+  return (
+    <Box {...props}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        className="h-5 w-5"
+        viewBox="0 0 20 20"
+        fill="currentColor"
+      >
+        <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
+      </svg>
+    </Box>
+  )
+}

From 6b83a307b440df8e0798047d7f6cb53d8b3bc1b6 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Fri, 16 Sep 2022 17:41:21 +0900
Subject: [PATCH 02/14] =?UTF-8?q?IconMenuButton=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Icons/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/front/src/components/Icons/index.ts b/front/src/components/Icons/index.ts
index cab5c819..48a444ca 100644
--- a/front/src/components/Icons/index.ts
+++ b/front/src/components/Icons/index.ts
@@ -13,3 +13,4 @@ export { IconUser } from '@/components/Icons/IconUser'
 export { IconViewGrid } from '@/components/Icons/IconViewGrid'
 export { IconViewList } from '@/components/Icons/IconViewList'
 export { IconCheck } from '@/components/Icons/IconCheck'
+export { IconMenuButton } from '@/components/Icons/IconMenuButton'

From 2ce9a63863eee25938821334d7cea4b60afabd9b Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Fri, 16 Sep 2022 17:45:11 +0900
Subject: [PATCH 03/14] =?UTF-8?q?=E3=83=88=E3=83=A9=E3=83=99=E3=83=AA?=
 =?UTF-8?q?=E3=83=B3=E3=82=AF=E5=89=8A=E9=99=A4=E3=83=A2=E3=83=BC=E3=83=80?=
 =?UTF-8?q?=E3=83=AB=E3=82=92=E8=A1=A8=E7=A4=BA=E3=81=99=E3=82=8B=E3=83=9C?=
 =?UTF-8?q?=E3=82=BF=E3=83=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Menus/MenuOpenDeleteTravelink.tsx         | 56 +++++++++++++++++++
 front/src/components/Menus/index.ts           |  1 +
 2 files changed, 57 insertions(+)
 create mode 100644 front/src/components/Menus/MenuOpenDeleteTravelink.tsx

diff --git a/front/src/components/Menus/MenuOpenDeleteTravelink.tsx b/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
new file mode 100644
index 00000000..dc313295
--- /dev/null
+++ b/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
@@ -0,0 +1,56 @@
+import {
+  Box,
+  ButtonProps,
+  Flex,
+  Menu,
+  MenuButton,
+  MenuItem,
+  MenuList,
+  Spacer
+} from '@chakra-ui/react'
+import { IconMenuButton } from '@/components/Icons'
+
+type MenuOpenDeleteTravelinkProps = {
+  onOpen: () => void
+}
+
+export const MenuOpenDeleteTravelink = (
+  { onOpen }: MenuOpenDeleteTravelinkProps
+) => {
+  return (
+      <Menu>
+          <MenuButton>
+            <Flex align={'center'} justify={'center'}>
+              <IconMenuButton w={'1.6rem'} h={'1.6rem'} color={'gray'}/>
+            </Flex>
+          </MenuButton>
+
+        <MenuList
+          padding={'1.35rem 0 0 2.4rem'}
+          w={'13.9rem'}
+          h={'5.2rem'}
+          borderColor={'#CBD5E0'}
+          borderRadius={'1.5rem'}
+          boxShadow={0}
+        >
+          <MenuItem
+            display={'flex'}
+            padding={0}
+            onClick={() => {
+              onOpen()
+            }}
+          >
+            <Box
+              bgImage={'/images/icons/trash.svg'}
+              w={'1.68rem'}
+              h={'1.68rem'}
+              marginRight={'1.6rem'}
+            />
+            <Box fontSize={'sm'} color={'#FF4D4D'}>
+              削除する
+            </Box>
+          </MenuItem>
+        </MenuList>
+      </Menu>
+  )
+}
diff --git a/front/src/components/Menus/index.ts b/front/src/components/Menus/index.ts
index d01a849c..c53b0662 100644
--- a/front/src/components/Menus/index.ts
+++ b/front/src/components/Menus/index.ts
@@ -1 +1,2 @@
 export { MenuCardLinkEdit } from '@/components/Menus/MenuCardLinkEdit'
+export { MenuOpenDeleteTravelink } from '@/components/Menus/MenuOpenDeleteTravelink'

From 891e613566bc7aab654d0af8c4ac843d9d7dc673 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Fri, 16 Sep 2022 23:00:05 +0900
Subject: [PATCH 04/14] =?UTF-8?q?=E3=83=88=E3=83=A9=E3=83=99=E3=83=AA?=
 =?UTF-8?q?=E3=83=B3=E3=82=AF=E3=82=92=E5=89=8A=E9=99=A4=E3=81=99=E3=82=8B?=
 =?UTF-8?q?=E3=83=A2=E3=83=BC=E3=83=80=E3=83=AB=E3=82=92=E8=A1=A8=E7=A4=BA?=
 =?UTF-8?q?=E3=81=99=E3=82=8B=E6=A9=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Cards/CardHome.tsx       | 68 +++++++++++-------
 .../Menus/MenuOpenDeleteTravelink.tsx         | 70 +++++++++----------
 front/src/components/Modals/index.ts          |  1 +
 front/src/theme/colors.ts                     |  4 ++
 4 files changed, 83 insertions(+), 60 deletions(-)

diff --git a/front/src/components/Cards/CardHome.tsx b/front/src/components/Cards/CardHome.tsx
index 014a3434..c6e8e551 100644
--- a/front/src/components/Cards/CardHome.tsx
+++ b/front/src/components/Cards/CardHome.tsx
@@ -1,17 +1,37 @@
 import NextLink from 'next/link'
-import { Avatar, Box, Flex, Heading, Link } from '@chakra-ui/react'
+import {
+  Avatar,
+  Box,
+  Flex,
+  Heading,
+  Link,
+  useDisclosure
+} from '@chakra-ui/react'
 import { BookmarkType, TravelinkRequestType } from '@/types/db'
 import { format } from 'date-fns'
-import { Button } from '@/components/Buttons'
+import { ModalDeleteTravelknk } from '@/components/Modals'
+import { MenuOpenDeleteTravelink } from '@/components/Menus'
 
 type CardHomeProps = {
   data: BookmarkType | TravelinkRequestType
 }
 
 export const CardHome = ({ data }: CardHomeProps) => {
+  const {
+    isOpen: isOpenDeleteTravelinkModal,
+    onOpen: onOpenDeleteTravelinkModal,
+    onClose: onCloseDeleteTravelinkModal
+  } = useDisclosure()
   return (
-    <NextLink href={`/${data.id}`} key={data.id} passHref>
-      <Link
+    <>
+      <ModalDeleteTravelknk
+        isOpen={isOpenDeleteTravelinkModal}
+        onClose={onCloseDeleteTravelinkModal}
+      />
+      {/* TODO:タイトル、画像をaタグにする */}
+      {/* TODO:削除処理Hook書く */}
+      {/* <NextLink href={`/${data.id}`} key={data.id} passHref> */}
+      <Box
         display={'block'}
         w={'100%'}
         h={'23.9rem'}
@@ -20,15 +40,17 @@ export const CardHome = ({ data }: CardHomeProps) => {
         bgColor={'white'}
         marginTop={'2.2rem'}
       >
-        <Box
-          bgImage={data.thumbnail ? data.thumbnail : ''}
-          bgSize={'cover'}
-          bgRepeat={'no-repeat'}
-          bgPosition={'center center'}
-          w={'100%'}
-          h={'12.9rem'}
-          borderTopRadius={'10'}
-        />
+        <a href={`/${data.id}`}>
+          <Box
+            bgImage={data.thumbnail ? data.thumbnail : ''}
+            bgSize={'cover'}
+            bgRepeat={'no-repeat'}
+            bgPosition={'center center'}
+            w={'100%'}
+            h={'12.9rem'}
+            borderTopRadius={'10'}
+          />
+        </a>
 
         <Flex justify={'space-between'}>
           <Box
@@ -49,7 +71,7 @@ export const CardHome = ({ data }: CardHomeProps) => {
                 paddingBottom={'1.4rem'}
                 fontSize={'lg'}
               >
-                {data.title}
+                <a href={`/${data.id}`}>{data.title}</a>
               </Heading>
             </Box>
             <Flex alignContent={'baseline'}>
@@ -62,17 +84,13 @@ export const CardHome = ({ data }: CardHomeProps) => {
               </Flex>
             </Flex>
           </Box>
-          <Button mt={'1.6rem'}>
-            <Flex w={'3.6rem'} h={'3.6rem'} align={'center'} justify={'center'}>
-              <Box
-                bgImage={'/images/icons/homeMenu.svg'}
-                w={'2.4rem'}
-                h={'2.4rem'}
-              />
-            </Flex>
-          </Button>
+          <Box marginTop={'1.9rem'} marginRight={'2.1rem'}>
+            
+              <MenuOpenDeleteTravelink onOpen={onOpenDeleteTravelinkModal} />
+          </Box>
         </Flex>
-      </Link>
-    </NextLink>
+      </Box>
+      {/* </NextLink> */}
+    </>
   )
 }
diff --git a/front/src/components/Menus/MenuOpenDeleteTravelink.tsx b/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
index dc313295..7458555b 100644
--- a/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
+++ b/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
@@ -14,43 +14,43 @@ type MenuOpenDeleteTravelinkProps = {
   onOpen: () => void
 }
 
-export const MenuOpenDeleteTravelink = (
-  { onOpen }: MenuOpenDeleteTravelinkProps
-) => {
+export const MenuOpenDeleteTravelink = ({
+  onOpen
+}: MenuOpenDeleteTravelinkProps) => {
   return (
-      <Menu>
-          <MenuButton>
-            <Flex align={'center'} justify={'center'}>
-              <IconMenuButton w={'1.6rem'} h={'1.6rem'} color={'gray'}/>
-            </Flex>
-          </MenuButton>
+    <Menu>
+      <MenuButton>
+        <Flex w={'2.4rem'} h={'2.4rem'} align={'center'} justify={'center'}>
+          <IconMenuButton w={'1.6rem'} h={'1.6rem'} color={'gray'} />
+        </Flex>
+      </MenuButton>
 
-        <MenuList
-          padding={'1.35rem 0 0 2.4rem'}
-          w={'13.9rem'}
-          h={'5.2rem'}
-          borderColor={'#CBD5E0'}
-          borderRadius={'1.5rem'}
-          boxShadow={0}
+      <MenuList
+        padding={'1.35rem 0 0 2.4rem'}
+        w={'13.9rem'}
+        h={'5.2rem'}
+        borderColor={'#CBD5E0'}
+        borderRadius={'1.5rem'}
+        boxShadow={0}
+      >
+        <MenuItem
+          display={'flex'}
+          padding={0}
+          onClick={() => {
+            onOpen()
+          }}
         >
-          <MenuItem
-            display={'flex'}
-            padding={0}
-            onClick={() => {
-              onOpen()
-            }}
-          >
-            <Box
-              bgImage={'/images/icons/trash.svg'}
-              w={'1.68rem'}
-              h={'1.68rem'}
-              marginRight={'1.6rem'}
-            />
-            <Box fontSize={'sm'} color={'#FF4D4D'}>
-              削除する
-            </Box>
-          </MenuItem>
-        </MenuList>
-      </Menu>
+          <Box
+            bgImage={'/images/icons/trash.svg'}
+            w={'1.68rem'}
+            h={'1.68rem'}
+            marginRight={'1.6rem'}
+          />
+          <Box fontSize={'sm'} color={'#FF4D4D'}>
+            削除する
+          </Box>
+        </MenuItem>
+      </MenuList>
+    </Menu>
   )
 }
diff --git a/front/src/components/Modals/index.ts b/front/src/components/Modals/index.ts
index a88560fe..d65babaa 100644
--- a/front/src/components/Modals/index.ts
+++ b/front/src/components/Modals/index.ts
@@ -1,2 +1,3 @@
 export { ModalQrCode } from '@/components/Modals/ModalQrCode'
 export { ModalSignIn } from '@/components/Modals/ModalSignIn'
+export { ModalDeleteTravelknk } from '@/components/Modals/ModalDeleteTravelink'
diff --git a/front/src/theme/colors.ts b/front/src/theme/colors.ts
index 85e7c8a7..305ea415 100644
--- a/front/src/theme/colors.ts
+++ b/front/src/theme/colors.ts
@@ -9,6 +9,10 @@ export const colors = {
   },
   gray: '#7E7E7E',
   black: '#252525',
+  alertRed: {
+    500: '#F65A5A',
+    600: '#F65A5A'
+  },
   brandPink: {
     50: '#ffdde5',
     100: '#ffccd8',

From a5f9e399f27d2a1a132d22905d081dfa82c722c6 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Sat, 17 Sep 2022 00:07:17 +0900
Subject: [PATCH 05/14] =?UTF-8?q?=E3=83=88=E3=83=A9=E3=83=99=E3=83=AA?=
 =?UTF-8?q?=E3=83=B3=E3=82=AF=E3=82=92=E5=89=8A=E9=99=A4=E3=81=99=E3=82=8B?=
 =?UTF-8?q?=E6=A9=9F=E8=83=BD=E3=82=92=E5=AE=9F=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Cards/CardHome.tsx       |  4 +-
 .../Modals/ModalDeleteTravelink.tsx           | 69 +++++++++++++++++++
 .../firestore/travelink/useDeleteTravelink.ts | 19 +++++
 3 files changed, 90 insertions(+), 2 deletions(-)
 create mode 100644 front/src/components/Modals/ModalDeleteTravelink.tsx
 create mode 100644 front/src/hooks/firestore/travelink/useDeleteTravelink.ts

diff --git a/front/src/components/Cards/CardHome.tsx b/front/src/components/Cards/CardHome.tsx
index c6e8e551..163a2d7a 100644
--- a/front/src/components/Cards/CardHome.tsx
+++ b/front/src/components/Cards/CardHome.tsx
@@ -27,6 +27,7 @@ export const CardHome = ({ data }: CardHomeProps) => {
       <ModalDeleteTravelknk
         isOpen={isOpenDeleteTravelinkModal}
         onClose={onCloseDeleteTravelinkModal}
+        id={data.id}
       />
       {/* TODO:タイトル、画像をaタグにする */}
       {/* TODO:削除処理Hook書く */}
@@ -85,8 +86,7 @@ export const CardHome = ({ data }: CardHomeProps) => {
             </Flex>
           </Box>
           <Box marginTop={'1.9rem'} marginRight={'2.1rem'}>
-            
-              <MenuOpenDeleteTravelink onOpen={onOpenDeleteTravelinkModal} />
+            <MenuOpenDeleteTravelink onOpen={onOpenDeleteTravelinkModal} />
           </Box>
         </Flex>
       </Box>
diff --git a/front/src/components/Modals/ModalDeleteTravelink.tsx b/front/src/components/Modals/ModalDeleteTravelink.tsx
new file mode 100644
index 00000000..4fdfc8fd
--- /dev/null
+++ b/front/src/components/Modals/ModalDeleteTravelink.tsx
@@ -0,0 +1,69 @@
+import {
+  Modal,
+  Button,
+  ModalOverlay,
+  ModalContent,
+  ModalHeader,
+  ModalFooter,
+  ModalBody,
+  Text,
+  UnorderedList,
+  ListItem,
+  Box
+} from '@chakra-ui/react'
+import { useDeleteTravelink } from '@/hooks/firestore'
+
+type Props = {
+  isOpen: boolean
+  onClose: () => void
+  id: string
+}
+
+export const ModalDeleteTravelknk = ({ isOpen, onClose, id }: Props) => {
+  const { onClickDeleteTravelink } = useDeleteTravelink()
+  return (
+    <Modal isOpen={isOpen} onClose={onClose}>
+      <ModalOverlay />
+      <ModalContent
+        margin={'auto 0'}
+        width={'90vw'}
+        maxW={'90vw'}
+        height={'auto'}
+        borderRadius={'3rem'}
+        padding={'1.5rem'}
+      >
+        <ModalHeader textAlign={'center'}>トラベリンク削除</ModalHeader>
+        {/* <ModalCloseButton margin={'1rem'} /> */}
+        <ModalBody>
+          <Text>削除すると以下の情報がすべて失われます</Text>
+          <Box
+            bgColor={'#f1f1f1'}
+            p={'1rem'}
+            borderRadius={'1rem'}
+            m={'1rem 0'}
+          >
+            <UnorderedList>
+              <ListItem>とらべりんく削除</ListItem>
+            </UnorderedList>
+          </Box>
+        </ModalBody>
+        <ModalFooter>
+          <Button variant={'outline'} size="md" mr={3} onClick={onClose}>
+            キャンセル
+          </Button>
+          <Button
+            colorScheme="alertRed"
+            size="md"
+            w={'5rem'}
+            h={'3rem'}
+            onClick={() => {
+              onClickDeleteTravelink(id)
+            }}
+          >
+            削除
+          </Button>
+        </ModalFooter>
+      </ModalContent>
+    </Modal>
+  )
+}
diff --git a/front/src/hooks/firestore/travelink/useDeleteTravelink.ts b/front/src/hooks/firestore/travelink/useDeleteTravelink.ts
new file mode 100644
index 00000000..52e90eed
--- /dev/null
+++ b/front/src/hooks/firestore/travelink/useDeleteTravelink.ts
@@ -0,0 +1,19 @@
+import { collection, deleteDoc, doc, getFirestore } from 'firebase/firestore'
+import { useRouter } from 'next/router'
+
+export const useDeleteTravelink = () => {
+  const router = useRouter()
+
+  const onClickDeleteTravelink = async (id: string) => {
+    const db = getFirestore()
+
+    const travelinkRef = doc(collection(db, 'travelinks'), id)
+    try {
+      await deleteDoc(travelinkRef)
+    } catch (e) {
+      console.error(e)
+    }
+    router.reload()
+  }
+  return { onClickDeleteTravelink }
+}

From 28c456743c4990cdd1250e2bf4f8fefe43eab4a2 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Sat, 17 Sep 2022 00:07:34 +0900
Subject: [PATCH 06/14] run formatter

---
 front/src/components/Icons/IconMenuButton.tsx | 32 +++++++++----------
 front/src/hooks/firestore/index.ts            |  1 +
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/front/src/components/Icons/IconMenuButton.tsx b/front/src/components/Icons/IconMenuButton.tsx
index 28584f40..8524b290 100644
--- a/front/src/components/Icons/IconMenuButton.tsx
+++ b/front/src/components/Icons/IconMenuButton.tsx
@@ -1,16 +1,16 @@
-import { Box } from '@chakra-ui/react'
-
-export const IconMenuButton = ({ ...props }) => {
-  return (
-    <Box {...props}>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        className="h-5 w-5"
-        viewBox="0 0 20 20"
-        fill="currentColor"
-      >
-        <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
-      </svg>
-    </Box>
-  )
-}
+import { Box } from '@chakra-ui/react'
+
+export const IconMenuButton = ({ ...props }) => {
+  return (
+    <Box {...props}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        className="h-5 w-5"
+        viewBox="0 0 20 20"
+        fill="currentColor"
+      >
+        <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
+      </svg>
+    </Box>
+  )
+}
diff --git a/front/src/hooks/firestore/index.ts b/front/src/hooks/firestore/index.ts
index c54c6794..b590b49e 100644
--- a/front/src/hooks/firestore/index.ts
+++ b/front/src/hooks/firestore/index.ts
@@ -8,6 +8,7 @@ export { useGetTravelink } from '@/hooks/firestore/travelink/useGetTravelink'
 export { useGetTravelinkList } from '@/hooks/firestore/travelink/useGetTravelinkList'
 export { useCreateTravelink } from '@/hooks/firestore/travelink/useCreateTravelink'
 export { useUpdateTravelink } from '@/hooks/firestore/travelink/useUpdateTravelink'
+export { useDeleteTravelink } from '@/hooks/firestore/travelink/useDeleteTravelink'
 
 // bookmark
 export { useCreateBookmark } from '@/hooks/firestore/bookmark/useCreateBookmark'

From 35695e77cfc26aaba6db1b69755def3849f884e6 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Sat, 17 Sep 2022 00:14:23 +0900
Subject: [PATCH 07/14] =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Cards/CardHome.tsx                | 1 -
 front/src/components/Menus/MenuOpenDeleteTravelink.tsx | 2 --
 front/src/components/Modals/ModalDeleteTravelink.tsx   | 1 -
 3 files changed, 4 deletions(-)

diff --git a/front/src/components/Cards/CardHome.tsx b/front/src/components/Cards/CardHome.tsx
index 163a2d7a..f329c906 100644
--- a/front/src/components/Cards/CardHome.tsx
+++ b/front/src/components/Cards/CardHome.tsx
@@ -1,4 +1,3 @@
-import NextLink from 'next/link'
 import {
   Avatar,
   Box,
diff --git a/front/src/components/Menus/MenuOpenDeleteTravelink.tsx b/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
index 7458555b..a5b2c511 100644
--- a/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
+++ b/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
@@ -1,12 +1,10 @@
 import {
   Box,
-  ButtonProps,
   Flex,
   Menu,
   MenuButton,
   MenuItem,
   MenuList,
-  Spacer
 } from '@chakra-ui/react'
 import { IconMenuButton } from '@/components/Icons'
 
diff --git a/front/src/components/Modals/ModalDeleteTravelink.tsx b/front/src/components/Modals/ModalDeleteTravelink.tsx
index 4fdfc8fd..835fbc16 100644
--- a/front/src/components/Modals/ModalDeleteTravelink.tsx
+++ b/front/src/components/Modals/ModalDeleteTravelink.tsx
@@ -33,7 +33,6 @@ export const ModalDeleteTravelknk = ({ isOpen, onClose, id }: Props) => {
         padding={'1.5rem'}
       >
         <ModalHeader textAlign={'center'}>トラベリンク削除</ModalHeader>
-        {/* <ModalCloseButton margin={'1rem'} /> */}
         <ModalBody>
           <Text>削除すると以下の情報がすべて失われます</Text>
           <Box

From de89814a1f2760368aea4151af153e0257698ea8 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Sat, 17 Sep 2022 00:14:39 +0900
Subject: [PATCH 08/14] run formatter

---
 front/src/components/Menus/MenuOpenDeleteTravelink.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front/src/components/Menus/MenuOpenDeleteTravelink.tsx b/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
index a5b2c511..1426bc6b 100644
--- a/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
+++ b/front/src/components/Menus/MenuOpenDeleteTravelink.tsx
@@ -4,7 +4,7 @@ import {
   Menu,
   MenuButton,
   MenuItem,
-  MenuList,
+  MenuList
 } from '@chakra-ui/react'
 import { IconMenuButton } from '@/components/Icons'
 

From b33dfe0b998c28cf9d8605d99b10bc2d70269629 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Sat, 17 Sep 2022 00:19:32 +0900
Subject: [PATCH 09/14] SHUSEI

---
 front/src/components/Cards/CardHome.tsx | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/front/src/components/Cards/CardHome.tsx b/front/src/components/Cards/CardHome.tsx
index f329c906..cd08d4eb 100644
--- a/front/src/components/Cards/CardHome.tsx
+++ b/front/src/components/Cards/CardHome.tsx
@@ -1,11 +1,4 @@
-import {
-  Avatar,
-  Box,
-  Flex,
-  Heading,
-  Link,
-  useDisclosure
-} from '@chakra-ui/react'
+import { Avatar, Box, Flex, Heading, useDisclosure } from '@chakra-ui/react'
 import { BookmarkType, TravelinkRequestType } from '@/types/db'
 import { format } from 'date-fns'
 import { ModalDeleteTravelknk } from '@/components/Modals'
@@ -28,9 +21,6 @@ export const CardHome = ({ data }: CardHomeProps) => {
         onClose={onCloseDeleteTravelinkModal}
         id={data.id}
       />
-      {/* TODO:タイトル、画像をaタグにする */}
-      {/* TODO:削除処理Hook書く */}
-      {/* <NextLink href={`/${data.id}`} key={data.id} passHref> */}
       <Box
         display={'block'}
         w={'100%'}
@@ -89,7 +79,6 @@ export const CardHome = ({ data }: CardHomeProps) => {
           </Box>
         </Flex>
       </Box>
-      {/* </NextLink> */}
     </>
   )
 }

From 4d17b5f383303fe77f5f3a4b6de6b34d9e595f43 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Sat, 17 Sep 2022 07:54:48 +0900
Subject: [PATCH 10/14] =?UTF-8?q?TODO=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Cards/CardHome.tsx                   | 1 +
 front/src/hooks/firestore/travelink/useDeleteTravelink.ts | 1 +
 2 files changed, 2 insertions(+)

diff --git a/front/src/components/Cards/CardHome.tsx b/front/src/components/Cards/CardHome.tsx
index cd08d4eb..8d1123fa 100644
--- a/front/src/components/Cards/CardHome.tsx
+++ b/front/src/components/Cards/CardHome.tsx
@@ -74,6 +74,7 @@ export const CardHome = ({ data }: CardHomeProps) => {
               </Flex>
             </Flex>
           </Box>
+          {/* TODO: 一番下のCardHomeが＋ボタンで隠れてるのをどうにかする */}
           <Box marginTop={'1.9rem'} marginRight={'2.1rem'}>
             <MenuOpenDeleteTravelink onOpen={onOpenDeleteTravelinkModal} />
           </Box>
diff --git a/front/src/hooks/firestore/travelink/useDeleteTravelink.ts b/front/src/hooks/firestore/travelink/useDeleteTravelink.ts
index 52e90eed..03e581ab 100644
--- a/front/src/hooks/firestore/travelink/useDeleteTravelink.ts
+++ b/front/src/hooks/firestore/travelink/useDeleteTravelink.ts
@@ -13,6 +13,7 @@ export const useDeleteTravelink = () => {
     } catch (e) {
       console.error(e)
     }
+    // TODO: リロード→ぐるぐるにしてDBから再フェッチ
     router.reload()
   }
   return { onClickDeleteTravelink }

From 186d90c49ff89d8c6f8d4eb0ee4bc8139d90e009 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Sat, 17 Sep 2022 08:06:16 +0900
Subject: [PATCH 11/14] =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Modals/ModalDeleteTravelink.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/front/src/components/Modals/ModalDeleteTravelink.tsx b/front/src/components/Modals/ModalDeleteTravelink.tsx
index 835fbc16..9aeafa1d 100644
--- a/front/src/components/Modals/ModalDeleteTravelink.tsx
+++ b/front/src/components/Modals/ModalDeleteTravelink.tsx
@@ -47,12 +47,12 @@ export const ModalDeleteTravelknk = ({ isOpen, onClose, id }: Props) => {
           </Box>
         </ModalBody>
         <ModalFooter>
-          <Button variant={'outline'} size="md" mr={3} onClick={onClose}>
+          <Button variant={'outline'} size={'md'} mr={3} onClick={onClose}>
             キャンセル
           </Button>
           <Button
-            colorScheme="alertRed"
-            size="md"
+            colorScheme={'alertRed'}
+            size={'md'}
             w={'5rem'}
             h={'3rem'}
             onClick={() => {

From 28a4b38b8b569304700ac362a1b1291af885573e Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Wed, 25 Jan 2023 12:03:56 +0900
Subject: [PATCH 12/14] run formatter

---
 front/src/components/Cards/CardHome.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/front/src/components/Cards/CardHome.tsx b/front/src/components/Cards/CardHome.tsx
index e8b9ccc6..92d94269 100644
--- a/front/src/components/Cards/CardHome.tsx
+++ b/front/src/components/Cards/CardHome.tsx
@@ -30,7 +30,6 @@ export const CardHome = ({ data }: CardHomeProps) => {
         bgColor={'white'}
         marginTop={'2.2rem'}
       >
-
         <Box
           bgImage={
             data.thumbnail ? data.thumbnail : '/images/noImage_icon_lg.png'

From 6dd08b15984c70e5b636d396493cb1fec085bbb5 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Wed, 25 Jan 2023 13:11:40 +0900
Subject: [PATCH 13/14] =?UTF-8?q?typo=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/Cards/CardHome.tsx              | 4 ++--
 front/src/components/Modals/ModalDeleteTravelink.tsx | 2 +-
 front/src/components/Modals/index.ts                 | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/front/src/components/Cards/CardHome.tsx b/front/src/components/Cards/CardHome.tsx
index 92d94269..f1a8157f 100644
--- a/front/src/components/Cards/CardHome.tsx
+++ b/front/src/components/Cards/CardHome.tsx
@@ -1,7 +1,7 @@
 import { Avatar, Box, Flex, Heading, useDisclosure } from '@chakra-ui/react'
 import { BookmarkType, TravelinkRequestType } from '@/types/db'
 import { format } from 'date-fns'
-import { ModalDeleteTravelknk } from '@/components/Modals'
+import { ModalDeleteTravelink } from '@/components/Modals'
 import { MenuOpenDeleteTravelink } from '@/components/Menus'
 
 type CardHomeProps = {
@@ -16,7 +16,7 @@ export const CardHome = ({ data }: CardHomeProps) => {
   } = useDisclosure()
   return (
     <>
-      <ModalDeleteTravelknk
+      <ModalDeleteTravelink
         isOpen={isOpenDeleteTravelinkModal}
         onClose={onCloseDeleteTravelinkModal}
         id={data.id}
diff --git a/front/src/components/Modals/ModalDeleteTravelink.tsx b/front/src/components/Modals/ModalDeleteTravelink.tsx
index 9aeafa1d..2f9c9a3a 100644
--- a/front/src/components/Modals/ModalDeleteTravelink.tsx
+++ b/front/src/components/Modals/ModalDeleteTravelink.tsx
@@ -19,7 +19,7 @@ type Props = {
   id: string
 }
 
-export const ModalDeleteTravelknk = ({ isOpen, onClose, id }: Props) => {
+export const ModalDeleteTravelink = ({ isOpen, onClose, id }: Props) => {
   const { onClickDeleteTravelink } = useDeleteTravelink()
   return (
     <Modal isOpen={isOpen} onClose={onClose}>
diff --git a/front/src/components/Modals/index.ts b/front/src/components/Modals/index.ts
index d65babaa..25ae8b34 100644
--- a/front/src/components/Modals/index.ts
+++ b/front/src/components/Modals/index.ts
@@ -1,3 +1,3 @@
 export { ModalQrCode } from '@/components/Modals/ModalQrCode'
 export { ModalSignIn } from '@/components/Modals/ModalSignIn'
-export { ModalDeleteTravelknk } from '@/components/Modals/ModalDeleteTravelink'
+export { ModalDeleteTravelink } from '@/components/Modals/ModalDeleteTravelink'

From 96575998d4dc1a344d5047abb5bc3be817db06a6 Mon Sep 17 00:00:00 2001
From: ibuki <64850924+eve00@users.noreply.github.com>
Date: Wed, 25 Jan 2023 15:57:10 +0900
Subject: [PATCH 14/14] snap

---
 .../__snapshots__/Storyshots.test.ts.snap     | 583 ------------------
 1 file changed, 583 deletions(-)

diff --git a/front/src/stories/__snapshots__/Storyshots.test.ts.snap b/front/src/stories/__snapshots__/Storyshots.test.ts.snap
index c85b2e94..b8c42735 100644
--- a/front/src/stories/__snapshots__/Storyshots.test.ts.snap
+++ b/front/src/stories/__snapshots__/Storyshots.test.ts.snap
@@ -144,450 +144,6 @@ exports[`Storyshots components/Buttons/ButtonIconRound Return 1`] = `
 ]
 `;
 
-exports[`Storyshots components/Cards/CardHome Default 1`] = `
-[
-  <div
-    className="css-4ta5t4"
-  >
-    <main
-      className="css-x2shd6"
-    >
-      <a
-        className="chakra-link css-1ql98mx"
-        href="/"
-        onClick={[Function]}
-        onMouseEnter={[Function]}
-      >
-        <div
-          className="css-1ihpuns"
-        />
-        <div
-          className="css-gg4vpm"
-        >
-          <div
-            className="css-1345nk8"
-          >
-            <div
-              className="css-0"
-            >
-              <h2
-                className="chakra-heading css-10b84fl"
-              >
-                旅行
-              </h2>
-            </div>
-            <div
-              className="css-3ag5c5"
-            >
-              <div
-                className="css-k008qs"
-              >
-                <span
-                  className="chakra-avatar css-4dk45i"
-                >
-                  <svg
-                    aria-label=" avatar"
-                    className="chakra-avatar__svg css-16ite8i"
-                    role="img"
-                    viewBox="0 0 128 128"
-                  >
-                    <path
-                      d="M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"
-                      fill="currentColor"
-                    />
-                    <path
-                      d="M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
-                <div
-                  className="css-1xdi3gg"
-                >
-                  Piyo
-                </div>
-              </div>
-            </div>
-          </div>
-          <button
-            className="chakra-button css-7qifli"
-            type="button"
-          >
-            <div
-              className="css-1dgj55b"
-            >
-              <div
-                className="css-1mx6b8x"
-              />
-            </div>
-          </button>
-        </div>
-      </a>
-    </main>
-  </div>,
-  <span />,
-]
-`;
-
-exports[`Storyshots components/Cards/CardLink Food 1`] = `
-[
-  <div
-    className="css-4ta5t4"
-  >
-    <main
-      className="css-x2shd6"
-    >
-      <div
-        className="css-zz7c5y"
-        onClick={[Function]}
-      >
-        <div
-          className="css-2praw"
-        >
-          <img
-            alt=""
-            className="chakra-image css-0"
-            src="/images/icons/food.svg"
-          />
-        </div>
-        <p
-          className="chakra-text css-1jl861r"
-        >
-          リンク
-        </p>
-      </div>
-    </main>
-  </div>,
-  <span />,
-]
-`;
-
-exports[`Storyshots components/Cards/CardLink Others 1`] = `
-[
-  <div
-    className="css-4ta5t4"
-  >
-    <main
-      className="css-x2shd6"
-    >
-      <div
-        className="css-zz7c5y"
-        onClick={[Function]}
-      >
-        <div
-          className="css-2praw"
-        >
-          <img
-            alt=""
-            className="chakra-image css-0"
-            src="/images/icons/other.svg"
-          />
-        </div>
-        <p
-          className="chakra-text css-1jl861r"
-        >
-          リンク
-        </p>
-      </div>
-    </main>
-  </div>,
-  <span />,
-]
-`;
-
-exports[`Storyshots components/Cards/CardLink Place 1`] = `
-[
-  <div
-    className="css-4ta5t4"
-  >
-    <main
-      className="css-x2shd6"
-    >
-      <div
-        className="css-zz7c5y"
-        onClick={[Function]}
-      >
-        <div
-          className="css-2praw"
-        >
-          <img
-            alt=""
-            className="chakra-image css-0"
-            src="/images/icons/place.svg"
-          />
-        </div>
-        <p
-          className="chakra-text css-1jl861r"
-        >
-          リンク
-        </p>
-      </div>
-    </main>
-  </div>,
-  <span />,
-]
-`;
-
-exports[`Storyshots components/Cards/CardLinkEdit Default 1`] = `
-[
-  <div
-    className="css-4ta5t4"
-  >
-    <main
-      className="css-x2shd6"
-    >
-      <div
-        className="css-ksbfjv"
-      >
-        <div
-          className="css-1bq0lbk"
-        >
-          <div
-            className="css-17xejub"
-          />
-          <button
-            aria-controls="menu-list-1"
-            aria-expanded={false}
-            aria-haspopup="menu"
-            className="chakra-menu__menu-button css-kjvu41"
-            id="menu-button-1"
-            onClick={[Function]}
-            onKeyDown={[Function]}
-          >
-            <span
-              className="css-xl71ch"
-            >
-              <div
-                className="css-1dgj55b"
-              >
-                <div
-                  className="css-pkk7qk"
-                />
-              </div>
-            </span>
-          </button>
-        </div>
-        <div
-          className="css-r6z5ec"
-          style={
-            {
-              "inset": "0 auto auto 0",
-              "minWidth": "max-content",
-              "position": "absolute",
-              "visibility": "hidden",
-            }
-          }
-        >
-          <div
-            aria-orientation="vertical"
-            className="chakra-menu__menu-list css-ishqgk"
-            id="menu-list-1"
-            onKeyDown={[Function]}
-            role="menu"
-            style={
-              {
-                "opacity": 0,
-                "transform": "scale(0.8) translateZ(0)",
-                "transformOrigin": "var(--popper-transform-origin)",
-                "visibility": "hidden",
-              }
-            }
-            tabIndex={-1}
-          >
-            <button
-              className="chakra-menu__menuitem css-154pl1y"
-              id="menu-list-1-menuitem-1"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
-              onMouseLeave={[Function]}
-              onMouseMove={[Function]}
-              role="menuitem"
-              tabIndex={0}
-              type="button"
-            >
-              <div
-                className="css-1iytp3o"
-              />
-              <div
-                className="css-itvw0n"
-              >
-                表示を最小化
-              </div>
-            </button>
-            <button
-              className="chakra-menu__menuitem css-9qpjn9"
-              id="menu-list-1-menuitem-1"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
-              onMouseLeave={[Function]}
-              onMouseMove={[Function]}
-              role="menuitem"
-              tabIndex={0}
-              type="button"
-            >
-              <div
-                className="css-iu8h3p"
-              />
-              <div
-                className="css-4nvlko"
-              >
-                削除する
-              </div>
-            </button>
-          </div>
-        </div>
-        <fieldset
-          className="chakra-form-control css-1kxonj9"
-          role="group"
-        >
-          <label
-            className="chakra-form__label css-10e62ah"
-            htmlFor="field-1"
-            id="field-1-label"
-          >
-            カテゴリー
-          </label>
-          <div
-            className="chakra-stack css-84zodg"
-          >
-            <div
-              className="css-1kjfo8z"
-            >
-              <input
-                className="css-f8n5zr"
-                id="links.0.category.place"
-                name="links.0.category"
-                onBlur={[Function]}
-                onChange={[Function]}
-                type="radio"
-                value="場所"
-              />
-              <label
-                className="chakra-form__label css-1c8op7w"
-                htmlFor="links.0.category.place"
-                id="field-1-label"
-              >
-                場所
-              </label>
-            </div>
-            <div
-              className="css-1kjfo8z"
-            >
-              <input
-                className="css-f8n5zr"
-                id="links.0.category.food"
-                name="links.0.category"
-                onBlur={[Function]}
-                onChange={[Function]}
-                type="radio"
-                value="食事"
-              />
-              <label
-                className="chakra-form__label css-1c8op7w"
-                htmlFor="links.0.category.food"
-                id="field-1-label"
-              >
-                食事
-              </label>
-            </div>
-            <div
-              className="css-1kjfo8z"
-            >
-              <input
-                className="css-f8n5zr"
-                id="links.0.category.other"
-                name="links.0.category"
-                onBlur={[Function]}
-                onChange={[Function]}
-                type="radio"
-                value="その他"
-              />
-              <label
-                className="chakra-form__label css-1c8op7w"
-                htmlFor="links.0.category.other"
-                id="field-1-label"
-              >
-                その他
-              </label>
-            </div>
-          </div>
-        </fieldset>
-        <div
-          className="chakra-form-control css-necndc"
-          role="group"
-        >
-          <label
-            className="chakra-form__label css-10e62ah"
-            htmlFor="field-1"
-            id="field-1-label"
-          >
-            URL
-          </label>
-          <input
-            className="chakra-input css-16cksvx"
-            disabled={false}
-            id="field-1"
-            name="links.0.url"
-            onBlur={[Function]}
-            onChange={[Function]}
-            onFocus={[Function]}
-            placeholder="https://"
-            readOnly={false}
-            required={false}
-          />
-        </div>
-        <div
-          className="chakra-form-control css-necndc"
-          role="group"
-        >
-          <label
-            className="chakra-form__label css-xc675g"
-            htmlFor="field-1"
-            id="field-1-label"
-          >
-            <div
-              className="css-6n7j50"
-            >
-              ラベル
-               
-              <span
-                className="css-1xb8dar"
-              >
-                （任意）
-              </span>
-            </div>
-            <button
-              className="chakra-button css-1ymuwck"
-              onClick={[Function]}
-              type="button"
-            >
-              自動取得
-            </button>
-          </label>
-          <div
-            className="css-79elbk"
-          >
-            <input
-              className="chakra-input css-q0frcm"
-              disabled={false}
-              id="field-1"
-              name="links.0.label"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              placeholder="例）宿泊先"
-              readOnly={false}
-              required={false}
-            />
-          </div>
-        </div>
-      </div>
-    </main>
-  </div>,
-  <span />,
-]
-`;
-
 exports[`Storyshots components/Inputs/Input Default 1`] = `
 [
   <div
@@ -830,145 +386,6 @@ exports[`Storyshots components/Radios/RadioCategory Default 1`] = `
 ]
 `;
 
-exports[`Storyshots components/Tabs/TabHome Default 1`] = `
-[
-  <div
-    className="css-22sd4g"
-  >
-    <main
-      className="chakra-container css-1wvxda1"
-    >
-      <div
-        className="chakra-tabs css-1suaibq"
-      >
-        <div
-          aria-orientation="horizontal"
-          className="chakra-tabs__tablist css-1ewe9lh"
-          onKeyDown={[Function]}
-          role="tablist"
-        >
-          <button
-            aria-controls="tabs-1--tabpanel--1"
-            aria-selected={false}
-            className="chakra-tabs__tab css-ipjt28"
-            id="tabs-1--tab--1"
-            onClick={[Function]}
-            onFocus={[Function]}
-            role="tab"
-            tabIndex={-1}
-            type="button"
-          >
-            全て
-          </button>
-          <button
-            aria-controls="tabs-1--tabpanel--1"
-            aria-selected={false}
-            className="chakra-tabs__tab css-ipjt28"
-            id="tabs-1--tab--1"
-            onClick={[Function]}
-            onFocus={[Function]}
-            role="tab"
-            tabIndex={-1}
-            type="button"
-          >
-            保存済み
-          </button>
-        </div>
-        <div
-          className="chakra-tabs__tab-panels css-8atqhb"
-        >
-          <div
-            aria-labelledby="tabs-1--tab-0"
-            className="chakra-tabs__tab-panel css-a5mhaz"
-            hidden={false}
-            id="tabs-1--tabpanel-0"
-            role="tabpanel"
-            tabIndex={0}
-          >
-            <div
-              className="css-1sn2p20"
-            >
-              <div
-                className="css-8atqhb"
-              >
-                <div
-                  className="css-1l4w6pd"
-                >
-                  <div
-                    className="css-cm8zw6"
-                  />
-                </div>
-                <div
-                  className="css-1l4w6pd"
-                >
-                  <p
-                    className="chakra-text css-gm1rm0"
-                  >
-                    まだトラべリンクはありません。
-                  </p>
-                </div>
-                <div
-                  className="css-1l4w6pd"
-                >
-                  <p
-                    className="chakra-text css-8j93y0"
-                  >
-                    右下の＋ボタンから旅先で参照したい情報をまとめたトラべリンクを作ってみよう！
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            aria-labelledby="tabs-1--tab-1"
-            className="chakra-tabs__tab-panel css-a5mhaz"
-            hidden={true}
-            id="tabs-1--tabpanel-1"
-            role="tabpanel"
-            tabIndex={0}
-          >
-            <div
-              className="css-1sn2p20"
-            >
-              <div
-                className="css-8atqhb"
-              >
-                <div
-                  className="css-1l4w6pd"
-                >
-                  <div
-                    className="css-cm8zw6"
-                  />
-                </div>
-                <div
-                  className="css-1l4w6pd"
-                >
-                  <p
-                    className="chakra-text css-gm1rm0"
-                  >
-                    まだ保存したトラべリンクはありません。
-                  </p>
-                </div>
-                <div
-                  className="css-1l4w6pd"
-                >
-                  <p
-                    className="chakra-text css-8j93y0"
-                  >
-                    共有してもらったトラべリンクの保存ボタンを押そう！
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </main>
-  </div>,
-  <span />,
-]
-`;
-
 exports[`Storyshots utility/ColorPalette Default 1`] = `
 [
   <div