diff --git a/devsoc24-landing/src/components/terminal/about.tsx b/devsoc24-landing/src/components/terminal/about.tsx index 893fa67..bb8b3c1 100644 --- a/devsoc24-landing/src/components/terminal/about.tsx +++ b/devsoc24-landing/src/components/terminal/about.tsx @@ -17,7 +17,7 @@ export default function Home() { }; return ( -
+
diff --git a/devsoc24-landing/src/components/terminal/page.tsx b/devsoc24-landing/src/components/terminal/page.tsx index efee92f..7b1a0f5 100644 --- a/devsoc24-landing/src/components/terminal/page.tsx +++ b/devsoc24-landing/src/components/terminal/page.tsx @@ -16,8 +16,7 @@ const Terminal = () => { const [greenProgress, setGreenProgress] = useState(0); const [blueProgress, setBlueProgress] = useState(0); const endRef = useRef(null); - const [currentTime, setCurrentTime] = useState(new Date()); - + const [currentTime, setCurrentTime] = useState(new Date()); // const endOfMessagesRef = useRef(null); @@ -70,9 +69,9 @@ const Terminal = () => { "|_______/ |________/ \\_/ \\______/ \\ ______/ \\ ______/", ], roll: [], - initial:[ + initial: [ '$User id set to 8y14e9f8', - 'User validated and online...', + 'User vakidated and online...', '[[init]]', 'Retriving command data...', '[complete]', @@ -86,7 +85,7 @@ const Terminal = () => { '[complete]', 'to start with, type help to get all commands', // "
", - ] + ], }; const sleep = (ms: number) => @@ -170,23 +169,22 @@ const Terminal = () => { }; useEffect(() => { - const tick = () => { - setCurrentTime(new Date()); // This updates the state every second - }; + const tick = () => { + setCurrentTime(new Date()); // This updates the state every second + }; - const timerID = setInterval(tick, 1000); // Sets up the interval + const timerID = setInterval(tick, 1000); // Sets up the interval - return () => { - clearInterval(timerID); // Clears the interval on component unmount - }; -}, []); + return () => { + clearInterval(timerID); // Clears the interval on component unmount + }; + }, []); - - const day = currentTime.toLocaleString('default', { weekday: 'long' }); + const day = currentTime.toLocaleString("default", { weekday: "long" }); const date = `${currentTime.getDate()}-${currentTime.getMonth() + 1}-${currentTime.getFullYear()}`; const time = `${currentTime.getHours()}:${currentTime.getMinutes()}:${currentTime.getSeconds()}`; - useEffect(() => { + useEffect(() => { const interval = setInterval(() => { if (redProgress < 40) { setRedProgress(redProgress + 0.5); @@ -204,7 +202,7 @@ const Terminal = () => { return () => clearInterval(interval); }, [redProgress, greenProgress, blueProgress]); - useEffect(() => { + useEffect(() => { const interval = setInterval(() => { if (redProgress < 40) { setRedProgress(redProgress + 1); @@ -223,8 +221,6 @@ const Terminal = () => { }, [redProgress, greenProgress, blueProgress]); // var currentdate = new Date(); - - const scrollToBottom = () => { endRef.current?.scrollIntoView({ behavior: "smooth" }); }; @@ -232,9 +228,9 @@ const Terminal = () => { useEffect(() => { const helpOutput = commandOutputs.initial ?? []; - const displayOutput = helpOutput.map(() => ""); + const displayOutput = helpOutput.map(() => ""); setCommands([{ command: "initial", output: helpOutput, displayOutput }]); - }, []); + }, []); useEffect(() => { if (commands.length > 0) { @@ -246,36 +242,34 @@ const Terminal = () => { scrollToBottom(); }, [inputValue]); - return (
-
- - - -
-
- +
+
+
+ [Network   ] DotMid://19.22.10.14 - + [ID   ] #ag58aycs - NEXT XRØ UPGRADE: 100% - - [DATE     ] {date} {time} + NEXT XRØ UPGRADE: 100% + + + [DATE     ] {date} {time} + {/* {formatDate(currentTime)} {formatTime(currentTime)} */} DotMid ALERT LEVEL: 0% - + {/* {"[Date ] " + currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " @@ -283,19 +277,20 @@ const Terminal = () => { + currentdate.getMinutes() + ":" + currentdate.getSeconds()} */}
-
- - +
+
{/* Welcome to Devsoc web terminal. */} {/* For a list of available commands, type 'help'. */} - + {commands.map((cmdObj, index) => (
-
+
devsoc@2024.com:~${cmdObj.command}
{cmdObj.displayOutput.map((line, lineIndex) => ( @@ -307,11 +302,12 @@ const Terminal = () => { ))}
))} -
- devsoc@2024.com:~${inputValue} + + devsoc@2024.com:~${inputValue} + █
diff --git a/devsoc24-landing/src/components/terminal/prizepool.tsx b/devsoc24-landing/src/components/terminal/prizepool.tsx index cd2d436..6085078 100644 --- a/devsoc24-landing/src/components/terminal/prizepool.tsx +++ b/devsoc24-landing/src/components/terminal/prizepool.tsx @@ -45,7 +45,7 @@ const handleClick = (cardName: string) => {
-
+
About-DEVSOC’24
diff --git a/devsoc24-landing/src/components/terminal/timeline.tsx b/devsoc24-landing/src/components/terminal/timeline.tsx index a46f1e7..88e2cdb 100644 --- a/devsoc24-landing/src/components/terminal/timeline.tsx +++ b/devsoc24-landing/src/components/terminal/timeline.tsx @@ -45,7 +45,7 @@ const handleClick = (cardName: string) => {
-
+
About-DEVSOC’24
diff --git a/devsoc24-landing/src/components/terminal/tracks.tsx b/devsoc24-landing/src/components/terminal/tracks.tsx index cd2d436..6085078 100644 --- a/devsoc24-landing/src/components/terminal/tracks.tsx +++ b/devsoc24-landing/src/components/terminal/tracks.tsx @@ -45,7 +45,7 @@ const handleClick = (cardName: string) => {
-
+
About-DEVSOC’24
diff --git a/devsoc24-landing/src/components/terminal/window.tsx b/devsoc24-landing/src/components/terminal/window.tsx index 90a0a16..fff70f8 100644 --- a/devsoc24-landing/src/components/terminal/window.tsx +++ b/devsoc24-landing/src/components/terminal/window.tsx @@ -1,4 +1,4 @@ -"use client" +"use client"; import { useState } from "react"; import { PiNotepadLight } from "react-icons/pi"; @@ -7,29 +7,34 @@ import { IoMdClose } from "react-icons/io"; import { BiWindow } from "react-icons/bi"; import Image from "next/image"; -interface WindowProps{ - style1:string, - style2:string, - spanText:string, - pText:string, - isButton:boolean, +interface WindowProps { + style1: string; + style2: string; + spanText: string; + pText: string; + isButton: boolean; } -export default function Window({style1,style2, spanText, pText, isButton}:WindowProps) { - -const useUserModal = () => { - const [showUserModal, setshowUserModal] = useState(false); +export default function Window({ + style1, + style2, + spanText, + pText, + isButton, +}: WindowProps) { + const useUserModal = () => { + const [showUserModal, setshowUserModal] = useState(false); - const openUserModal = () => { - setshowUserModal(true); - }; + const openUserModal = () => { + setshowUserModal(true); + }; - const closeUserModal = () => { - setshowUserModal(false); - }; + const closeUserModal = () => { + setshowUserModal(false); + }; - return { showUserModal, openUserModal, closeUserModal }; -}; + return { showUserModal, openUserModal, closeUserModal }; + }; const [minimise, setMinimise] = useState(false); @@ -37,67 +42,93 @@ const useUserModal = () => { setMinimise(!minimise); }; - -const { showUserModal, openUserModal, closeUserModal } = useUserModal(); + const { showUserModal, openUserModal, closeUserModal } = useUserModal(); return ( - - <> -
-
-
- {spanText} -
- - handleClick()}> - {/* + <> +
+
+
+ + + {spanText} + +
+ handleClick()} + > + + + {/* */} -
-
-

{pText}

- {isButton && ( +
+
+

{pText}

+ {isButton && ( + + )} +
+
+ {showUserModal && ( +
+
+
+
+
+ + - - )} - - +
+
+
+
+ + + {spanText} + +
+ + + + {/* + */} +
+
+
  • Is the hackathon free to attend?
    • +
    + Lorem ipsum dolor sit, amet consectetur adipisicing elit. + Deserunt quae et earum nostrum odit vel non temporibus + voluptates sequi sunt mollitia sapiente enim deleniti ad + sint, excepturi iusto asperiores obcaecati dolore! Ullam + asperiores reiciendis fugit autem tempora, consectetur a! + Repudiandae soluta quia veritatis accusamus qui doloribus id + explicabo enim aspernatur! +
    +
    - {showUserModal && ( -
    -
    -
    -
    -
    - - - - -
    - -
    -
    - -
  • Is the hackathon free to attend?
    • -
    - Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deserunt quae et earum nostrum odit vel non temporibus voluptates sequi sunt mollitia sapiente enim deleniti ad sint, excepturi iusto asperiores obcaecati dolore! Ullam asperiores reiciendis fugit autem tempora, consectetur a! Repudiandae soluta quia veritatis accusamus qui doloribus id explicabo enim aspernatur! -
    -
    -
    -
    -
    -
    - )} -
    +
    + )} +
    handleClick()} >
    - - + ); }