Organised ui components

components/Footer.tsx

@@ -1,8 +1,8 @@
 import Link from 'next/link'
 import React, {ReactNode} from 'react'
 import {OuterContainer, InnerContainer} from './Container'
-import {SpotifyPlayer} from './SpotifyPlayer'
+import {SpotifyPlayer} from './ui/SpotifyPlayer'
-import {SocialLink} from '@/components/SocialLink'
+import {SocialLink} from '@/components/ui/SocialLink'
 import {GitHubIcon, LinkedInIcon, TwitterIcon} from '@/components/icons/SocialIcons'
 
 function NavLink({href, children}: { href: string, children: ReactNode }) {

components/Header.tsx

@@ -5,7 +5,7 @@ import {Fragment, useEffect, useRef} from 'react'
 import {Popover, Transition} from '@headlessui/react'
 import clsx from 'clsx'
 import {Container} from './Container'
-import {MobileNavItem} from './MobileNavItem'
+import {MobileNavItem} from './ui/MobileNavItem'
 import {CloseIcon} from './icons/CloseIcon'
 import {ChevronDownIcon} from './icons/ChevronDownIcon'
 import {MoonIcon} from './icons/MoonIcon'

components/layouts/ArticleLayout.tsx

@@ -3,8 +3,8 @@ import Head from 'next/head'
 import {usePathname} from 'next/navigation'
 import {Container} from '@/components/Container'
 import {formatDate} from '@/lib/formatDate'
-import {Prose} from '@/components/Prose'
+import {Prose} from '@/components/ui/Prose'
-import {Views} from '@/components/Views'
+import {Views} from '@/components/ui/Views'
 
 type ArticleLayout = {
     children?: ReactNode

components/ui/Resume.tsx

@@ -1,7 +1,7 @@
 import {BriefcaseIcon} from '@/components/icons/BriefcaseIcon'
 import {ArrowDownIcon} from '@/components/icons/ArrowDownIcon'
-import {Button} from '@/components/Button'
+import {Button} from './Button'
-import {Cta} from '@/components/Cta'
+import {Cta} from './Cta'
 
 type Work = {
     company: string

components/ui/Subscribe.tsx

@@ -1,6 +1,6 @@
 import {useRef, SyntheticEvent, MutableRefObject, useState} from 'react'
-import {Cta} from '@/components/Cta'
+import {Cta} from '@/components/ui/Cta'
-import {Button} from '@/components/Button'
+import {Button} from '@/components/ui/Button'
 import {InboxIcon} from '@/components/icons/InboxIcon'
 
 export function Subscribe() {

pages/dashboard.tsx

@@ -3,8 +3,8 @@ import Head from 'next/head'
 import {GetStaticProps} from 'next'
 import useSWR from 'swr'
 import {SimpleLayout} from '@/components/layouts/SimpleLayout'
-import {Card} from '@/components/Card'
+import {Card} from '@/components/ui/Card'
-import {CardGroup} from '@/components/CardGroup'
+import {CardGroup} from '@/components/ui/CardGroup'
 import {numberFormat} from '@/lib/numberFormat'
 import {getDashboardData} from '@/lib/dashboard'
 import fetcher from '@/lib/fetcher'

pages/index.tsx

@@ -1,16 +1,16 @@
 import React from 'react'
 import Head from 'next/head'
 import {GetStaticProps} from 'next'
-import {Card} from '@/components/Card'
+import {Card} from '@/components/ui/Card'
-import {Resume} from '@/components/Resume'
+import {Resume} from '@/components/ui/Resume'
 import {Container} from '@/components/Container'
 import {
     GitHubIcon,
     LinkedInIcon,
     TwitterIcon
 } from '@/components/icons/SocialIcons'
-import {SocialLink} from '@/components/SocialLink'
+import {SocialLink} from '@/components/ui/SocialLink'
-import {Views} from '@/components/Views'
+import {Views} from '@/components/ui/Views'
 import {formatDate} from '@/lib/formatDate'
 import {generateRssFeed} from '@/lib/generateRssFeed'
 import {generateSitemap} from '@/lib/generateSitemap'

pages/projects.tsx

@@ -1,6 +1,6 @@
 import {GetStaticProps} from 'next'
 import Head from 'next/head'
-import {Card} from '@/components/Card'
+import {Card} from '@/components/ui/Card'
 import {SimpleLayout} from '@/components/layouts/SimpleLayout'
 import {SparklesIcon} from '@/components/icons/SparklesIcon'
 import {ShareIcon} from '@/components/icons/ShareIcon'

pages/uses.jsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 
-import {Card} from '@/components/Card'
+import {Card} from '@/components/ui/Card'
-import {Section} from '@/components/Section'
+import {Section} from '@/components/ui/Section'
 import {SimpleLayout} from '@/components/layouts/SimpleLayout'
 
 function ToolsSection({children, ...props}) {

pages/writing/index.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import {GetStaticProps} from 'next'
 import Head from 'next/head'
-import {Card} from '@/components/Card'
+import {Card} from '@/components/ui/Card'
 import {SimpleLayout} from '@/components/layouts/SimpleLayout'
-import {Views} from '@/components/Views'
+import {Views} from '@/components/ui/Views'
 import {getAllArticles} from '@/lib/getAllArticles'
 import {formatDate} from '@/lib/formatDate'
 import {Article} from 'types'