From 127bb2fa261a2e4d56961bfe67fc8d17c1d1f33b Mon Sep 17 00:00:00 2001 From: roshan-raj Date: Fri, 18 Apr 2025 11:25:39 +0530 Subject: [PATCH 1/3] feat: update page titles to reflect project name "Tactical Hacker Scribes" --- index.html | 2 +- src/App.tsx | 20 +++++++++----------- 2 files changed, 10 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index e4b78ea..e4b9262 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Vite + React + TS + Tactical Hacker Scribes
diff --git a/src/App.tsx b/src/App.tsx index b197cab..b82e3a0 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,10 +1,10 @@ -import { useState } from 'react' -import reactLogo from './assets/react.svg' -import viteLogo from '/vite.svg' -import './App.css' +import { useState } from 'react'; +import reactLogo from './assets/react.svg'; +import viteLogo from '/vite.svg'; +import './App.css'; function App() { - const [count, setCount] = useState(0) + const [count, setCount] = useState(0); return ( <> @@ -16,7 +16,7 @@ function App() { React logo -

Vite + React

+

TH - Scribes

-

- Click on the Vite and React logos to learn more -

+

Click on the Vite and React logos to learn more

- ) + ); } -export default App +export default App; From d3f1515262e749f21c99316b80441ebc25dca0f5 Mon Sep 17 00:00:00 2001 From: roshan-raj Date: Fri, 18 Apr 2025 16:01:35 +0530 Subject: [PATCH 2/3] refactor: reorganize imports and simplify Navbar component usage --- src/App.tsx | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 8dc4f06..bd87ba0 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,9 +1,10 @@ -import React, { useState } from "react"; -import Navbar from "./components/Navbar/Navbar"; -import LoginPopup from "./components/LoginPopup/LoginPopup"; -import SignupPopup from "./components/SignupPopup/SignupPopup"; -import LandingPage from "./components/LandingPage/LandingPage"; -import "./App.css"; +import type React from 'react'; +import { useState } from 'react'; +import Navbar from './components/Navbar/Navbar'; +import LoginPopup from './components/LoginPopup/LoginPopup'; +import SignupPopup from './components/SignupPopup/SignupPopup'; +import LandingPage from './components/LandingPage/LandingPage'; +import './App.css'; const App: React.FC = () => { const [showLogin, setShowLogin] = useState(false); @@ -11,10 +12,7 @@ const App: React.FC = () => { return (
- setShowLogin(true)} - onSignupClick={() => setShowSignup(true)} - /> + setShowLogin(true)} onSignupClick={() => setShowSignup(true)} /> {showLogin && setShowLogin(false)} />} {showSignup && setShowSignup(false)} />} From c9cea5a29e0eeb63c0518000740cfc270e0fb993 Mon Sep 17 00:00:00 2001 From: roshan-raj Date: Fri, 18 Apr 2025 16:13:37 +0530 Subject: [PATCH 3/3] feat: update component imports and refactor logo usage across the application --- src/App.tsx | 5 +---- src/assets/index.ts | 2 +- src/components/LandingPage/LandingPage.tsx | 11 ++++++----- src/components/LoginPopup/LoginPopup.tsx | 16 +++++++++------- src/components/Navbar/Navbar.tsx | 6 +++--- src/components/SignupPopup/SignupPopup.tsx | 14 ++++++++------ src/components/index.ts | 4 ++++ 7 files changed, 32 insertions(+), 26 deletions(-) create mode 100644 src/components/index.ts diff --git a/src/App.tsx b/src/App.tsx index bd87ba0..67855de 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,9 +1,6 @@ import type React from 'react'; import { useState } from 'react'; -import Navbar from './components/Navbar/Navbar'; -import LoginPopup from './components/LoginPopup/LoginPopup'; -import SignupPopup from './components/SignupPopup/SignupPopup'; -import LandingPage from './components/LandingPage/LandingPage'; +import { Navbar, LoginPopup, SignupPopup, LandingPage } from '@components'; import './App.css'; const App: React.FC = () => { diff --git a/src/assets/index.ts b/src/assets/index.ts index cb0ff5c..984da7a 100644 --- a/src/assets/index.ts +++ b/src/assets/index.ts @@ -1 +1 @@ -export {}; +export { default as ThScribesLogo } from './TH-Scribes-Logo.png'; diff --git a/src/components/LandingPage/LandingPage.tsx b/src/components/LandingPage/LandingPage.tsx index b4f37d6..eedae23 100644 --- a/src/components/LandingPage/LandingPage.tsx +++ b/src/components/LandingPage/LandingPage.tsx @@ -1,6 +1,6 @@ -import React from "react"; -import "./LandingPage.css"; -import THLogo from "../../assets/TH-Scribes-Logo.png"; // Import the logo +import type React from 'react'; +import './LandingPage.css'; +import THLogo from '../../assets/TH-Scribes-Logo.png'; // Import the logo const LandingPage: React.FC = () => { return ( @@ -8,10 +8,11 @@ const LandingPage: React.FC = () => { Landing Logo

Welcome to Tactical Hacker Scribes

- Empowering writers and creators with seamless onboarding, secure digital contracts, and a streamlined collaboration experience — all in one place. + Empowering writers and creators with seamless onboarding, secure digital contracts, and a streamlined + collaboration experience — all in one place.

); }; -export default LandingPage; \ No newline at end of file +export default LandingPage; diff --git a/src/components/LoginPopup/LoginPopup.tsx b/src/components/LoginPopup/LoginPopup.tsx index 33fedbf..1841b49 100644 --- a/src/components/LoginPopup/LoginPopup.tsx +++ b/src/components/LoginPopup/LoginPopup.tsx @@ -1,6 +1,6 @@ -import React from "react"; -import "./LoginPopup.css"; -import THLogo from "../../assets/TH-Scribes-Logo.png"; // Import the logo +import type React from 'react'; +import './LoginPopup.css'; +import { ThScribesLogo } from '@assets/index.js'; // Import the logo interface LoginPopupProps { onClose: () => void; @@ -10,13 +10,15 @@ const LoginPopup: React.FC = ({ onClose }) => { return (
- Logo + Logo

Login

- - +
@@ -25,4 +27,4 @@ const LoginPopup: React.FC = ({ onClose }) => { ); }; -export default LoginPopup; \ No newline at end of file +export default LoginPopup; diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx index de789ea..1ba62df 100644 --- a/src/components/Navbar/Navbar.tsx +++ b/src/components/Navbar/Navbar.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import type React from "react"; import "./Navbar.css"; import THLogo from "../../assets/TH-Scribes-Logo.png"; // Import the logo @@ -16,10 +16,10 @@ const Navbar: React.FC = ({ onLoginClick, onSignupClick }) => {

Tactical Hacker Scribes

- -
diff --git a/src/components/SignupPopup/SignupPopup.tsx b/src/components/SignupPopup/SignupPopup.tsx index 8b89b75..54909ba 100644 --- a/src/components/SignupPopup/SignupPopup.tsx +++ b/src/components/SignupPopup/SignupPopup.tsx @@ -1,6 +1,6 @@ -import React from "react"; -import "./SignupPopup.css"; -import THLogo from "../../assets/TH-Scribes-Logo.png"; // Import the logo +import type React from 'react'; +import './SignupPopup.css'; +import THLogo from '../../assets/TH-Scribes-Logo.png'; // Import the logo interface SignupPopupProps { onClose: () => void; @@ -17,8 +17,10 @@ const SignupPopup: React.FC = ({ onClose }) => {
- - +
@@ -27,4 +29,4 @@ const SignupPopup: React.FC = ({ onClose }) => { ); }; -export default SignupPopup; \ No newline at end of file +export default SignupPopup; diff --git a/src/components/index.ts b/src/components/index.ts new file mode 100644 index 0000000..90fb683 --- /dev/null +++ b/src/components/index.ts @@ -0,0 +1,4 @@ +export { default as LandingPage } from './LandingPage/LandingPage'; +export { default as LoginPopup } from './LoginPopup/LoginPopup'; +export { default as Navbar } from './Navbar/Navbar'; +export { default as SignupPopup } from './SignupPopup/SignupPopup';