disabled statsfm & moved common components

components/common/Footer.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import {OuterContainer, InnerContainer} from './Container'
 import {NavLink} from '@/components/ui/Navigation'
-import {SpotifyPlayer} from './ui/SpotifyPlayer'
+import {SpotifyPlayer} from '@/components/ui/SpotifyPlayer'
 import {SocialLink} from '@/components/ui/SocialLink'
 import {GitHubIcon, LinkedInIcon, TwitterIcon} from '@/components/icons/SocialIcons'
 

components/common/Header.tsx

@@ -1,10 +1,10 @@
 import {useRouter} from 'next/router'
 import {useEffect, useRef} from 'react'
 import {Container} from './Container'
-import {MobileNavigation, DesktopNavigation} from './ui/Navigation'
-import {Avatar, AvatarContainer} from './ui/Avatar'
-import {MoonIcon} from './icons/MoonIcon'
-import {SunIcon} from './icons/SunIcon'
+import {MobileNavigation, DesktopNavigation} from '@/components/ui/Navigation'
+import {Avatar, AvatarContainer} from '@/components/ui/Avatar'
+import {MoonIcon} from '@/components/icons/MoonIcon'
+import {SunIcon} from '@/components/icons/SunIcon'
 
 function ModeToggle() {
     function disableTransitionsTemporarily() {

components/layouts/ArticleLayout.tsx

@@ -2,7 +2,7 @@ import React, {ReactNode} from 'react'
 import * as process from 'process'
 import Head from 'next/head'
 import Link from 'next/link'
-import {Container} from '@/components/Container'
+import {Container} from '@/components/common/Container'
 import {Prose} from '@/components/ui/Prose'
 import {Views} from '@/components/ui/Views'
 import {ArrowDownIcon} from '@/components/icons/ArrowDownIcon'

components/layouts/SimpleLayout.tsx

@@ -1,5 +1,5 @@
 import {ReactNode} from 'react'
-import {Container} from '@/components/Container'
+import {Container} from '@/components/common/Container'
 import {twMerge} from 'tailwind-merge'
 
 type SimpleLayout = {

lib/dashboard.ts

@@ -26,27 +26,27 @@ export async function getDashboardData(context: GetServerSidePropsContext) {
     const totalArticles = (await getAllArticles()).length
     const topArtist = await getTopArtist()
     const {genre} = await getTopGenre()
-    const {hoursListened, minutesListened, streams} = await getStats()
+    // const {hoursListened, minutesListened, streams} = await getStats()
 
     const metrics: Metric[] = [
-        {
-            title: "Streams",
-            value: +streams,
-            group: "Spotify",
-            href: "https://open.spotify.com/?"
-        },
-        {
-            title: "Hours listened",
-            value: +hoursListened,
-            group: "Spotify",
-            href: "https://open.spotify.com/?"
-        },
-        {
-            title: "Minutes listened",
-            value: +minutesListened,
-            group: "Spotify",
-            href: "https://open.spotify.com/?"
-        },
+        // {
+        //     title: "Streams",
+        //     value: +streams,
+        //     group: "Spotify",
+        //     href: "https://open.spotify.com/?"
+        // },
+        // {
+        //     title: "Hours listened",
+        //     value: +hoursListened,
+        //     group: "Spotify",
+        //     href: "https://open.spotify.com/?"
+        // },
+        // {
+        //     title: "Minutes listened",
+        //     value: +minutesListened,
+        //     group: "Spotify",
+        //     href: "https://open.spotify.com/?"
+        // },
         {
             title: "Top genre",
             value: genre,

pages/_app.tsx

@@ -4,8 +4,8 @@ import NProgress from 'nprogress'
 import {createBrowserSupabaseClient} from '@supabase/auth-helpers-nextjs'
 import {SessionContextProvider, Session} from '@supabase/auth-helpers-react'
 import {useEffect, useState} from 'react'
-import {Header} from '@/components/Header'
-import {Footer} from '@/components/Footer'
+import {Header} from '@/components/common/Header'
+import {Footer} from '@/components/common/Footer'
 
 import '../styles/nprogress.css'
 import '../styles/tailwind.css'

pages/about.tsx

@@ -4,7 +4,7 @@ import Head from 'next/head'
 import Link from 'next/link'
 import clsx from 'clsx'
 
-import {Container} from '@/components/Container'
+import {Container} from '@/components/common/Container'
 import {
     GitHubIcon,
     LinkedInIcon,

pages/index.tsx

@@ -3,7 +3,7 @@ import Head from 'next/head'
 import {GetStaticProps} from 'next'
 import {Card} from '@/components/ui/Card'
 import {Resume} from '@/components/ui/Resume'
-import {Container} from '@/components/Container'
+import {Container} from '@/components/common/Container'
 import {
     GitHubIcon,
     LinkedInIcon,