Restructure of components

app/(withRecent)/layout.tsx

@@ -1,4 +1,4 @@
-import { RecentlyUpdatedPosts } from '@/components/common/RecentlyUpdatedPosts'
+import { RecentlyUpdatedPosts } from '@/components/post/RecentlyUpdatedPosts'
 
 export default function WithRecentLayout({ children }: { children: React.ReactNode }) {
   return (

app/(withRecent)/page.tsx

@@ -1,5 +1,5 @@
 import { getAllPostsMeta } from '@/lib/posts'
-import { Post } from '@/components/common/Post'
+import { Post } from '@/components/post/Post'
 
 export default function BlogIndex() {
   const posts = getAllPostsMeta()

app/posts/[slug]/page.tsx

@@ -1,7 +1,7 @@
 import { metadata } from '@/app/metadata'
-import { ImageWrapper } from '@/components/common/ImageWrapper'
+import { ImageWrapper } from '@/components/content/ImageWrapper'
-import { ShareLinks } from '@/components/common/ShareLinks'
+import { ShareLinks } from '@/components/post/ShareLinks'
-import { TableOfContents } from '@/components/common/TableOfContents'
+import { TableOfContents } from '@/components/post/TableOfContents'
 import { getAllPostSlugs, getNextAndPreviousPosts, getPostBySlug } from '@/lib/posts'
 import { slugify } from '@/utils/slug'
 import type { Metadata } from 'next'

components/content/CodeWrapper.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { CopyButton } from './CopyButton'
+import { CopyButton } from '../ui/CopyButton'
 import { getTextContent } from '@/lib/react-node-text'
 
 type CodeWrapperProps = {

components/layout/NavLinks.tsx

@@ -3,7 +3,7 @@
 import { cn } from '@/utils/cn'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
-import { ExternalLink } from '../common/ExternalLink'
+import { ExternalLink } from '../ui/ExternalLink'
 import { navItems } from './navItems'
 
 export function NavLinks() {

components/post/Post.tsx

@@ -1,4 +1,4 @@
-import { ImageWrapper } from '@/components/common/ImageWrapper'
+import { ImageWrapper } from '@/components/content/ImageWrapper'
 import { cn } from '@/utils/cn'
 import { PostMeta } from '@/types/Post.type'
 import Link from 'next/link'

components/post/ShareLinks.tsx

@@ -1,5 +1,5 @@
 import { siBluesky, siX, siFacebook, siReddit } from 'simple-icons'
-import { ExternalLink } from '@/components/common/ExternalLink'
+import { ExternalLink } from '@/components/ui/ExternalLink'
 
 type ShareLinksProps = {
   url: string

lib/posts.tsx

@@ -12,14 +12,14 @@ import rehypeReact from 'rehype-react'
 import { cloneElement, isValidElement, type ReactElement, Fragment, type ReactNode } from 'react'
 import { jsx, jsxs } from 'react/jsx-runtime'
 import { rehypeCodeMeta } from './rehype-code-meta'
-import { CodeWrapper } from '@/components/common/CodeWrapper'
+import { CodeWrapper } from '@/components/content/CodeWrapper'
-import { ImageWrapper } from '@/components/common/ImageWrapper'
+import { ImageWrapper } from '@/components/content/ImageWrapper'
-import { ExternalLink } from '@/components/common/ExternalLink'
+import { ExternalLink } from '@/components/ui/ExternalLink'
 import readingTime from 'reading-time'
 import { rehypeUnwrapImages } from './rehype-unwrap-images'
 import { rehypeMermaidSsg } from './rehype-mermaid-ssg'
 import { getTextContent, stripLeadingMatch } from './react-node-text'
-import { BlockquoteWrapper } from '@/components/common/BlockquoteWrapper'
+import { BlockquoteWrapper } from '@/components/content/BlockquoteWrapper'
 import type { NoteType } from '@/types/Note.type'
 import { rehypeMark } from './rehype-mark'
 import { rehypeDefinition } from './rehype-definition'