fix(build): fixed build error

kilip · Oct 24, 2023 · 48f19b6 · 48f19b6
1 parent da1a4f8
commit 48f19b6
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 36 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,7 +2,6 @@ import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import './globals.css'
 import classNames from 'classnames'
-import Layout from '@/pkg/ui/views/Layout'
 import Providers from '@/pkg/ui/Providers'
 
 const inter = Inter({ subsets: ['latin'] })
@@ -20,13 +19,14 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body
-        className={classNames({
-          'bg-gray-200 min-h-screen': true
-        })}
-      >
-        <Providers>
-          {children}
-        </Providers>
+        className={
+          inter.className +
+          ' ' +
+          classNames({
+            'bg-gray-200 min-h-screen': true,
+          })
+        }>
+        <Providers>{children}</Providers>
       </body>
     </html>
   )

diff --git a/src/pkg/github/views/Search.tsx b/src/pkg/github/views/Search.tsx
@@ -1,12 +1,12 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { useSearchRepos } from '../hooks/search'
 import { useThemeContext } from '@/pkg/ui/contexts/ThemeContext'
 import { GitHubSearchItems } from '../types'
 import SearchToolbar from './SearchToolbar'
 import { useGitHubSearchContext } from '../context/SearchContext'
 import RepoList from './repo/RepoList'
+import useSearchRepos from '../hooks/search'
 
 export default function Search() {
   const { setLoading } = useThemeContext()
@@ -19,16 +19,16 @@ export default function Search() {
   }, [isLoading, setLoading])
 
   useEffect(() => {
-    if(response){
+    if (response) {
       setRepositories(response.data.items)
       setTotal(response.data.total_count)
     }
   }, [response, setTotal])
 
   return (
-    <div className='flex flex-col w-screen gap-4'>
-      <SearchToolbar/>
-      <RepoList repositories={repositories}/>
+    <div className="flex flex-col w-screen gap-4">
+      <SearchToolbar />
+      <RepoList repositories={repositories} />
     </div>
   )
 }
diff --git a/src/pkg/ui/contexts/ThemeContext.tsx b/src/pkg/ui/contexts/ThemeContext.tsx
@@ -1,51 +1,50 @@
 'use client'
 
-import { createContext, useContext, useReducer, useState } from 'react'
-import { ThemeAction, ThemeActionType, ThemeContextProps, ThemeState, ToastState } from '../types'
+import { createContext, useContext, useState } from 'react'
+import {
+  ThemeAction,
+  ThemeActionType,
+  ThemeContextProps,
+  ThemeState,
+} from '../types'
 import { PropsWithChildren } from 'react'
-import ToastProvider from './ToastContext'
-import Layout from '../views/Layout'
-import AuthProvider from '@/pkg/auth/context/AuthContext'
-import ReactQueryProvider from './ReactQueryContext'
 import LoadingOverlay from '../views/LoadingOverlay'
 
-function themeReducer(state: ThemeState, action: ThemeAction){
-  const {type, payload} = action
+function themeReducer(state: ThemeState, action: ThemeAction) {
+  const { type, payload } = action
 
-  switch(type){
+  switch (type) {
     case ThemeActionType.Loading:
       return {
         ...state,
-        ...payload
+        ...payload,
       }
     default:
-      throw new Error('Unknown theme action type: '+type)
+      throw new Error('Unknown theme action type: ' + type)
   }
 }
 
-const ThemeContext = createContext<ThemeContextProps|undefined>(undefined)
-export default function ThemeProvider({children}: PropsWithChildren) {
+const ThemeContext = createContext<ThemeContextProps | undefined>(undefined)
+export default function ThemeProvider({ children }: PropsWithChildren) {
   const [loading, setLoading] = useState(false)
   return (
-    <ThemeContext.Provider value={{
-      loading,
-      setLoading
-    }}>
+    <ThemeContext.Provider
+      value={{
+        loading,
+        setLoading,
+      }}>
       {children}
-      <LoadingOverlay loading={loading}/>
+      <LoadingOverlay loading={loading} />
     </ThemeContext.Provider>
   )
 }
 
 export function useThemeContext(): ThemeContextProps {
   const context = useContext(ThemeContext) as ThemeContextProps | undefined
 
-  if(!context){
-    throw Error(
-      'useThemeContext should be used within ThemeProvider'
-    )
+  if (!context) {
+    throw Error('useThemeContext should be used within ThemeProvider')
   }
 
   return context
 }
-