From 540c90e693739a112ebe66495037ed5f95e88f71 Mon Sep 17 00:00:00 2001
From: Leon Xu <dcwinfield362@gmail.com>
Date: Sat, 3 Sep 2022 12:34:47 -0700
Subject: [PATCH] doc: import useAlan and use it within the App.jsx

---
 src/components/App.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/App.jsx b/src/components/App.jsx
index 48232ea..b813de4 100644
--- a/src/components/App.jsx
+++ b/src/components/App.jsx
@@ -2,12 +2,17 @@ import { useRef } from 'react';
 import { CssBaseline} from "@mui/material";
 import { Routes, Route } from 'react-router-dom';
 
-import useStyles from './styles'
+import useStyles from './styles';
+import useAlan from './Alan';
 
 import { Navbar } from './index'
 
 function App() {
     const classes = useStyles();
+    const alanBtnContainer = useRef();
+
+    useAlan();
+
   return (
    <div className={classes.root}>
        <CssBaseline />
@@ -16,6 +21,7 @@ function App() {
            <div className={classes.toolbar}>
            </div>
        </main>
+       <div ref={alanBtnContainer}/>
    </div>
   );
 }