From 77a0b69d9a0dd755a0a59a4c1dc3f3d045327e89 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Wed, 22 Nov 2023 21:58:45 -0800
Subject: feat: re-implement individual statistic pages on next

---
 src/components/TitleBar/TitleBar.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/TitleBar/TitleBar.tsx

(limited to 'src/components/TitleBar')

diff --git a/src/components/TitleBar/TitleBar.tsx b/src/components/TitleBar/TitleBar.tsx
new file mode 100644
index 0000000..85fbfbd
--- /dev/null
+++ b/src/components/TitleBar/TitleBar.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+
+interface TitleBarProps {
+    title: string;
+    redirectUrl?: string;
+    showHomeButton?: boolean;
+}
+
+const TitleBar: React.FC<TitleBarProps> = ({ title, redirectUrl, showHomeButton }) => {
+    return (
+        <div className="title-bar p-5 shadow-md" style={{ backgroundColor: '#2D4B71' }}>
+            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                <a href={redirectUrl}>
+                    <span className="text-white text-4xl font-bold">{title}</span>
+                </a>
+                {showHomeButton && (
+                    <a href="/">
+                        <button className="bg-white text-blue-500 hover:bg-blue-500 hover:text-white font-bold py-2 px-4 rounded-full">Home</button>
+                    </a>
+                )}
+            </div>
+        </div>
+    );
+};
+
+export default TitleBar;
\ No newline at end of file
-- 
cgit v1.2.3