move react hooks to src/hooks

src/app/page.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import { Button } from '@/components/ui/button'
+import { useToast } from '@/hooks/use-toast'
 import { useApi, useApiContext } from '@/utils'
-import { useToast } from '@/utils/api/hooks/use-toast'
 
 const Home = () => {
   const api = useApiContext()

src/components/ui/toaster.tsx

@@ -8,7 +8,7 @@ import {
   ToastTitle,
   ToastViewport,
 } from '@/components/ui/toast'
-import { useToast } from '@/utils/api/hooks/use-toast'
+import { useToast } from '@/hooks/use-toast'
 
 export function Toaster() {
   const { toasts } = useToast()

src/utils/api/hooks/hooks.ts → src/hooks/hooks.ts

@@ -1,6 +1,6 @@
 'use client'
 
-import { useToast } from '@/utils/api/hooks/use-toast'
+import { useToast } from '@/hooks/use-toast'
 import { useCallback, useEffect, useRef, useState } from 'react'
 
 export const useApi = <T extends Promise<any>>(

src/utils/api/index.ts

@@ -1,2 +1,2 @@
-export * from './hooks/hooks'
-export * from './metacom'
+export * from '@/hooks/hooks'
+export * from '@/utils/api/metacom'

src/utils/api/metacom.ts

@@ -1,7 +1,7 @@
 'use client'
 
 import { URL_PRODUCT_API } from '@/constants'
-import { useToast } from '@/utils/api/hooks/use-toast'
+import { useToast } from '@/hooks/use-toast'
 import { Metacom } from 'metacom'
 import {
   createContext,

src/utils/index.ts

@@ -1,2 +1,2 @@
-export * from './misc'
-export * from './api'
+export * from '@/utils/misc'
+export * from '@/utils/api'