refactor: remove unused code

- clean up code

Author: acd02

next.config.js

@@ -21,7 +21,6 @@ module.exports = {
       stitches: computePath('./src/styles/stitches.config.ts'),
       stores: computePath('./src/stores/'),
       styles: computePath('./src/styles'),
-      theme: computePath('./src/theme/'),
       types: computePath('./src/types/'),
       utils: computePath('./src/utils'),
     }

src/components/atoms/Link/DynamicLink.tsx

@@ -1,2 +1,37 @@
-export { Link } from './StaticLink'
-export { DynamicLink } from './DynamicLink'
+import NextLink from 'next/link'
+import { useRouter } from 'next/router'
+import type { Routes } from 'routes'
+import { routes } from 'routes'
+import type { CSS } from 'stitches'
+
+import { Styled } from './styles'
+import { handleKeyPress } from './utils'
+
+type Props = {
+  route: keyof Routes
+  label: string
+  param?: string
+  css?: CSS
+  isActive?: (pathname: string) => boolean
+}
+
+function Link({ route, label, param, isActive, ...rest }: Props) {
+  const { pathname } = useRouter()
+  const href = param ? `${routes[route]}/${param}` : routes[route]
+
+  return (
+    <NextLink href={href}>
+      <Styled.Root
+        href={href}
+        active={isActive?.(pathname) ?? href === pathname}
+        tabIndex={0}
+        onKeyPress={handleKeyPress}
+        {...rest}
+      >
+        {label}
+      </Styled.Root>
+    </NextLink>
+  )
+}
+
+export { Link }

src/components/atoms/Link/StaticLink.tsx

@@ -1,5 +1,5 @@
 import { Button } from 'components/atoms/Button'
-import { DynamicLink } from 'components/atoms/Link'
+import { Link } from 'components/atoms/Link'
 import { Text } from 'components/atoms/Text'
 import { useStore } from 'stores/someStore'
 import type { User } from 'types/user'
@@ -13,7 +13,7 @@ function RenderUsers({ users }: Props) {
   const updateCount = useStore(s => s.updateCount)
 
   const links = users.map(({ id, name }) => (
-    <DynamicLink
+    <Link
       key={id}
       css={{
         display: 'block',

src/components/atoms/Link/index.tsx

@@ -3,24 +3,7 @@ const routes = {
   users: '/users',
 } as const
 
-const dynamicRoutes = {
-  users: '/users',
-} as const
-
-function getRouteDetails(route: keyof DynamicRoutes): DynamicRoutesDetail {
-  switch (route) {
-    case 'users':
-      return { basePath: dynamicRoutes[route], paramBracket: '[id]' }
-  }
-}
-
-type DynamicRoutesDetail = {
-  basePath: string
-  paramBracket: string
-}
-
 type Routes = typeof routes
-type DynamicRoutes = typeof dynamicRoutes
 
-export { routes, getRouteDetails }
-export type { DynamicRoutesDetail, DynamicRoutes, Routes }
+export { routes }
+export type { Routes }