diff --git a/src/components/achievements/Card.tsx b/src/components/achievements/Card.tsx index 8553e6e..3a511f5 100644 --- a/src/components/achievements/Card.tsx +++ b/src/components/achievements/Card.tsx @@ -2,7 +2,7 @@ import { Avatar, Flex, Table, Text } from "@radix-ui/themes"; import { type ReactElement } from "react"; import styled from "styled-components"; import { useNavigate } from "@/router"; -import { type Achievement } from "@/types/achievement"; +import { type Achievement } from "@/types/post-data/achievements"; export function AchievementCard({ achievement, diff --git a/src/pages/achievements/[id]/index.tsx b/src/pages/achievements/[id]/index.tsx index a040a1a..b60e434 100644 --- a/src/pages/achievements/[id]/index.tsx +++ b/src/pages/achievements/[id]/index.tsx @@ -1,11 +1,9 @@ import { type ReactElement } from "react"; -import { useMatch } from "react-router-dom"; import { useParams } from "@/router"; export default function Page(): ReactElement { // const { params } = useMatch('/posts/$id') const { id } = useParams("/achievements/:id"); - const match = useMatch("/achievements/:id"); return ( <> diff --git a/src/pages/achievements/index.tsx b/src/pages/achievements/index.tsx index 464da0d..2fbb44a 100644 --- a/src/pages/achievements/index.tsx +++ b/src/pages/achievements/index.tsx @@ -3,6 +3,7 @@ import { type ReactElement } from "react"; import styled from "styled-components"; import Achievements from "@/assets/achievements.json"; import { AchievementCard } from "@/components/achievements/Card"; +import { type Achievement } from "@/types/post-data/achievements"; const BoxStyle = styled(Box)` margin: 0 auto; @@ -22,12 +23,15 @@ export default function Page(): ReactElement {