diff --git a/frontend/index.html b/frontend/index.html index 573ba58..e4b78ea 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,9 +2,9 @@ - + - TTIME + Vite + React + TS
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js index 2aa7205..2e7af2b 100644 --- a/frontend/postcss.config.js +++ b/frontend/postcss.config.js @@ -3,4 +3,4 @@ export default { tailwindcss: {}, autoprefixer: {}, }, -}; +} diff --git a/frontend/src/Components/BasicWindow.tsx b/frontend/src/Components/BasicWindow.tsx deleted file mode 100644 index 1835d6a..0000000 --- a/frontend/src/Components/BasicWindow.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import Header from "./Header"; -import Footer from "./Footer"; - -function BasicWindow({ - username, - content, - buttons, -}: { - username: string; - content: React.ReactNode; - buttons: React.ReactNode; -}): JSX.Element { - return ( -
-
-
{content}
- -
- ); -} - -export default BasicWindow; diff --git a/frontend/src/Components/Button.tsx b/frontend/src/Components/Button.tsx deleted file mode 100644 index cf6a887..0000000 --- a/frontend/src/Components/Button.tsx +++ /dev/null @@ -1,18 +0,0 @@ -function Button({ - text, - onClick, -}: { - text: string; - onClick: () => void; -}): JSX.Element { - return ( - - ); -} - -export default Button; diff --git a/frontend/src/Components/Footer.tsx b/frontend/src/Components/Footer.tsx deleted file mode 100644 index a3b7469..0000000 --- a/frontend/src/Components/Footer.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from "react"; - -function Footer({ children }: { children: React.ReactNode }): JSX.Element { - return ( - - ); -} - -export default Footer; diff --git a/frontend/src/Components/Header.tsx b/frontend/src/Components/Header.tsx deleted file mode 100644 index 5c642b8..0000000 --- a/frontend/src/Components/Header.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import { useState } from "react"; -import { Link } from "react-router-dom"; - -function Header({ username }: { username: string }): JSX.Element { - const [isOpen, setIsOpen] = useState(false); - - const handleLogout = (): void => { - // Add any logout logic here - }; - - return ( -
- - TTIME Logo - - -
{ - setIsOpen(true); - }} - onMouseLeave={() => { - setIsOpen(false); - }} - > - - - {isOpen && ( -
- - - -
- )} -
-
- ); -} - -export default Header; diff --git a/frontend/src/Pages/LoginPage.css b/frontend/src/Pages/LoginPage.css deleted file mode 100644 index 0b2f5db..0000000 --- a/frontend/src/Pages/LoginPage.css +++ /dev/null @@ -1,26 +0,0 @@ -body{ - overflow: hidden; -} - -@keyframes backgroundTransition { - 0% { - background-image: url('src/assets/1.jpg'); - animation-timing-function: ease-out; - } - 25% { - background-image: url('src/assets/2.jpg'); - animation-timing-function: ease-in; - } - 50% { - background-image: url('src/assets/3.jpg'); - animation-timing-function: ease-out; - } - 75% { - background-image: url('src/assets/4.jpg'); - animation-timing-function: ease-in; - } - 100% { - background-image: url('src/assets/1.jpg'); - animation-timing-function: ease-out; - } -} \ No newline at end of file diff --git a/frontend/src/Pages/LoginPage.tsx b/frontend/src/Pages/LoginPage.tsx deleted file mode 100644 index d8ea651..0000000 --- a/frontend/src/Pages/LoginPage.tsx +++ /dev/null @@ -1,78 +0,0 @@ -import Button from "../Components/Button"; -import Logo from "/src/assets/TTIMElogo.png"; -import "./LoginPage.css"; -import { useEffect } from "react"; -import { Link } from "react-router-dom"; - -const PreloadBackgroundAnimation = (): JSX.Element => { - useEffect(() => { - const images = [ - "src/assets/1.jpg", - "src/assets/2.jpg", - "src/assets/3.jpg", - "src/assets/4.jpg", - ]; - - // Pre-load images - for (const i of images) { - console.log(i); - } - - // Start animation - document.body.style.animation = "backgroundTransition 30s infinite"; - }, []); - - return <>; -}; - -function LoginPage(): JSX.Element { - return ( - <> - -
-
- TTIME Logo -

- {" "} - Welcome to TTIME!{" "} -

-

- {" "} - Please log in to continue{" "} -

- - - -
-
- - ); -} - -export default LoginPage; diff --git a/frontend/src/Pages/ProjectManagerPages/PMProjectPage.tsx b/frontend/src/Pages/ProjectManagerPages/PMProjectPage.tsx deleted file mode 100644 index 009a5bd..0000000 --- a/frontend/src/Pages/ProjectManagerPages/PMProjectPage.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import BasicWindow from "../../Components/BasicWindow"; -import Button from "../../Components/Button"; - -function PMProjectPage(): JSX.Element { - const content = ( - <> -

ProjectNameExample

-
-

- Your Time Reports -

-

- New Time Report -

-

- Statistics -

-

- Unsigned Time Reports -

-
- - ); - - const buttons = ( - <> -