refactor: splash to tsx

Rustic-Citrus · Jul 28, 2024 · 4199a7c · 4199a7c
1 parent 62604fe
commit 4199a7c
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/src/components/Splash.jsx → src/components/Splash.tsx b/src/components/Splash.jsx → src/components/Splash.tsx
@@ -1,8 +1,8 @@
 import { PrimaryButton } from "./PrimaryButton";
+import { SecondaryButton } from "./SecondaryButton";
 import { TransitionDecorator } from "./decorators/TransitionDecorator";
 import { ButtonAnimationDecorator } from "./decorators/ButtonAnimationDecorator";
-
-import { Button, Stack } from "react-bootstrap";
+import { Stack } from "react-bootstrap";
 
 import { Link } from "react-router-dom";
 
@@ -29,15 +29,11 @@ export const Splash = () => {
         </Link>
         <Link to="/login">
           <ButtonAnimationDecorator>
-            <Button
-              variant="secondary"
-              aria-label="sign-in-button"
-              className="w-100"
+            <SecondaryButton
+              ariaLabel="sign-in-button"
               title="Sign in to an account."
-              style={{ color: "white" }}
-            >
-              Sign In
-            </Button>
+              content="Sign In"
+            />
           </ButtonAnimationDecorator>
         </Link>
       </Stack>