[Fix] 네비게이션 디자인 수정 및 경로 수정 (#181)

* fix: action/checkout 버전업 * feat: 초기 설정 및 overview 페이지 마크업 * feat: 필요없는 파일 삭제, panda preset 에 textStyle 추가 * feat: build-docs 액션 추가 * feat: 타이포 추가 * feat: 액션 삭제 * feat: styled-system 반영 * feat: wow-ui에도 반영 * chore: changset 추가 * feat: title 컴포넌트 생성 및 디자인 수정 * fix: font-family 명 수정 * fix: 페이지 라우팅 경로 수정 * feat: components 절대경로 추가, Text 컴포넌트 위치 변경 * feat: 사이드 바 완성 * feat: 네비게이션 바 * feat: components 경로 panda config에 추가, constant 절대경로 추가
GDSC-Hongik · Nov 24, 2024 · ae65581 · ae65581
1 parent bcc0eee
commit ae65581
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 7 deletions.
diff --git a/apps/wow-docs/app/overview/page.tsx b/apps/wow-docs/app/overview/page.tsx
@@ -1,12 +1,11 @@
 import Space from "@components/Space";
 import Text from "@components/Text";
+import { routePath } from "@constants/routePath";
 import { css } from "@styled-system/css";
 import Image from "next/image";
 import Link from "next/link";
 import { RightArrow } from "wowds-icons";
 
-import { routePath } from "@/constants/routePath";
-
 import OverviewBackgroundImage from "../../public/overview-background.png";
 
 const OverviewPage = () => {

diff --git a/apps/wow-docs/app/page.tsx b/apps/wow-docs/app/page.tsx
@@ -1,7 +1,6 @@
+import { routePath } from "@constants/routePath";
 import { redirect } from "next/navigation";
 
-import { routePath } from "@/constants/routePath";
-
 const Home = () => {
   return redirect(routePath.overview);
 };

diff --git a/apps/wow-docs/components/NavItem.tsx b/apps/wow-docs/components/NavItem.tsx
@@ -61,7 +61,7 @@ const NavItem = ({ href, icon: Icon, alt, label, children }: NavItemProps) => {
             <li key={child.href} role="none">
               <Link
                 aria-label={child.label}
-                href={child.href}
+                href={`${href}${child.href}`}
                 role="menuitem"
                 className={navItemStyle({
                   type:

diff --git a/apps/wow-docs/constants/routePath.ts b/apps/wow-docs/constants/routePath.ts
@@ -0,0 +1,5 @@
+export const routePath = {
+  overview: "/overview",
+  foundation: "/foundation",
+  component: "/component",
+};
diff --git a/apps/wow-docs/panda.config.ts b/apps/wow-docs/panda.config.ts
@@ -14,7 +14,7 @@ export default defineConfig({
   outExtension: "js",
   polyfill: true,
   jsxFramework: "react",
-  include: ["./app/**/*.{ts,tsx,js,jsx}"],
+  include: ["./app/**/*.{ts,tsx,js,jsx}", "./components/**/*.{ts,tsx,js,jsx}"],
   exclude: [],
   outdir: "styled-system",
   hooks: {

diff --git a/apps/wow-docs/tsconfig.json b/apps/wow-docs/tsconfig.json
@@ -9,7 +9,8 @@
     "paths": {
       "@/*": ["app/*"],
       "@styled-system/*": ["./styled-system/*"],
-      "@components/*": ["./components/*"]
+      "@components/*": ["./components/*"],
+      "@constants/*": ["./constants/*"]
     },
     "module": "ESNext",
     "moduleResolution": "Bundler",