format

kscalelabs · Jun 10, 2024 · e3bc7d8 · e3bc7d8
1 parent 0debb86
commit e3bc7d8
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 18 deletions.
diff --git a/frontend/src/components/nav/Boop.tsx b/frontend/src/components/nav/Boop.tsx
@@ -1,6 +1,6 @@
-import React from 'react';
-import { animated } from 'react-spring';
-import useBoop from 'hooks/useBoop';
+import useBoop from "hooks/useBoop";
+import React from "react";
+import { animated } from "react-spring";
 
 interface BoopProps {
   x?: number;

diff --git a/frontend/src/components/nav/TopNavbar.tsx b/frontend/src/components/nav/TopNavbar.tsx
@@ -1,10 +1,10 @@
+import Boop from "components/nav/Boop";
 import Sidebar from "components/nav/Sidebar";
 import { useTheme } from "hooks/theme";
 import { useState } from "react";
-import { Container, Nav, Navbar, Button } from "react-bootstrap";
-import { GearFill, MoonFill, SunFill, } from "react-bootstrap-icons";
+import { Container, Nav, Navbar } from "react-bootstrap";
+import { GearFill, MoonFill, SunFill } from "react-bootstrap-icons";
 import { Link } from "react-router-dom";
-import Boop from "components/nav/Boop";
 
 const TopNavbar = () => {
   const [showSidebar, setShowSidebar] = useState<boolean>(false);
@@ -19,16 +19,16 @@ const TopNavbar = () => {
           </Navbar.Brand>
           <div className="d-flex gap-3">
             <Boop timing={100}>
-            <Nav.Link
-              onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-            >
-              {theme === "dark" ? <MoonFill /> : <SunFill />}
-            </Nav.Link>
+              <Nav.Link
+                onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
+              >
+                {theme === "dark" ? <MoonFill /> : <SunFill />}
+              </Nav.Link>
             </Boop>
-            <Boop timing = {100}>
-            <Nav.Link onClick={() => setShowSidebar(true)}>
-              <GearFill />
-            </Nav.Link>
+            <Boop timing={100}>
+              <Nav.Link onClick={() => setShowSidebar(true)}>
+                <GearFill />
+              </Nav.Link>
             </Boop>
           </div>
         </Container>

diff --git a/frontend/src/hooks/useBoop.tsx b/frontend/src/hooks/useBoop.tsx
@@ -1,6 +1,5 @@
-import React from 'react';
-import { useSpring, SpringConfig } from 'react-spring';
-
+import React from "react";
+import { SpringConfig, useSpring } from "react-spring";
 
 interface UseBoopProps {
   x?: number;