Use API client in index

LoLei · Mar 18, 2022 · 4cbd76b · 4cbd76b
1 parent dd536a1
commit 4cbd76b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/hooks/useApi.ts b/hooks/useApi.ts
@@ -37,7 +37,7 @@ const useApi = () => {
     return volDecRequestResult;
   };
 
-  return { play, pause, volInc, volDec };
+  return { play, pause, volInc, volDec } as const;
 };
 
 export default useApi;
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -3,13 +3,15 @@ import Head from 'next/head';
 import Image from 'next/image';
 import { BiMinus, BiPause, BiPlay, BiPlus } from 'react-icons/bi';
 import ThemeSwitcher from '../components/ThemeSwitcher';
+import useApi from '../hooks/useApi';
 import styles from '../styles/Home.module.scss';
 
 export default function Home() {
   const { isDark } = useTheme();
+  const { play, pause, volInc, volDec } = useApi();
 
   return (
-    <div className={styles.container}>
+    <div>
       <Head>
         <title>Home Remote</title>
         <meta name="description" content="Home Remote - Control your devices" />