From 7c3f1298095727fcacdc903fa79369d5624bf3df Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Wed, 26 Jun 2024 22:01:38 -0700
Subject: lint project

---
 src/components/TitleBar/TitleBar.tsx | 71 +++++++++++++++++++++++-------------
 1 file changed, 45 insertions(+), 26 deletions(-)

(limited to 'src/components/TitleBar/TitleBar.tsx')

diff --git a/src/components/TitleBar/TitleBar.tsx b/src/components/TitleBar/TitleBar.tsx
index 171e03a..127534e 100644
--- a/src/components/TitleBar/TitleBar.tsx
+++ b/src/components/TitleBar/TitleBar.tsx
@@ -1,32 +1,51 @@
-import React from 'react';
-import '../TitleBar/TitleBarStyle.css'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faHouse } from '@fortawesome/free-solid-svg-icons'
+import type React from "react";
+import "../TitleBar/TitleBarStyle.css";
+import { faHouse } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 interface TitleBarProps {
-    title: string;
-    redirectUrl?: string;
-    showHomeButton?: boolean;
-    backgroundColor?: string;
+	title: string;
+	redirectUrl?: string;
+	showHomeButton?: boolean;
+	backgroundColor?: string;
 }
 
-const TitleBar: React.FC<TitleBarProps> = ({ title, redirectUrl, showHomeButton, backgroundColor }) => {
-    return (
-        <>
-            <div className="title-bar p-5 shadow-md" style={{ backgroundColor: backgroundColor || '#2D4B71' }}>
-                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                    <a href={redirectUrl}>
-                        <span className="text-white text-4xl font-bold" style={{ fontFamily: 'Quantico, sans-serif' }}>{title}</span>
-                    </a>
-                    {showHomeButton && (
-                        <a href="/" className='text-white text-3xl'>
-                            <FontAwesomeIcon icon={faHouse} />
-                        </a>
-                    )}
-                </div>
-            </div>
-        </>
-    );
+const TitleBar: React.FC<TitleBarProps> = ({
+	title,
+	redirectUrl,
+	showHomeButton,
+	backgroundColor,
+}) => {
+	return (
+		<>
+			<div
+				className="title-bar p-5 shadow-md"
+				style={{ backgroundColor: backgroundColor || "#2D4B71" }}
+			>
+				<div
+					style={{
+						display: "flex",
+						justifyContent: "space-between",
+						alignItems: "center",
+					}}
+				>
+					<a href={redirectUrl}>
+						<span
+							className="text-white text-4xl font-bold"
+							style={{ fontFamily: "Quantico, sans-serif" }}
+						>
+							{title}
+						</span>
+					</a>
+					{showHomeButton && (
+						<a href="/" className="text-white text-3xl">
+							<FontAwesomeIcon icon={faHouse} />
+						</a>
+					)}
+				</div>
+			</div>
+		</>
+	);
 };
 
-export default TitleBar;
\ No newline at end of file
+export default TitleBar;
-- 
cgit v1.2.3

