From 29541f0ccc33a99390b9bf9d326eb5a111227656 Mon Sep 17 00:00:00 2001 From: "Noah (Axol)" <168484999+DeMentidDev@users.noreply.github.com> Date: Wed, 29 May 2024 21:49:49 +0000 Subject: [PATCH 1/8] Initial setup for github, prior to linking pages together. --- .../Pages/Student-Profile/User-Profile.jsx | 270 ++++++++++++++++++ .../Pages/Student-Profile/User-Profile.scss | 211 ++++++++++++++ .../src/images/student/STEMy_Mascot.png | Bin 0 -> 41295 bytes .../src/images/student/activity_tab.png | Bin 0 -> 3296 bytes .../src/images/student/bg-image.jpg | Bin 0 -> 64032 bytes .../src/images/student/chart.PNG | Bin 0 -> 14535 bytes .../src/images/student/chess_tab.PNG | Bin 0 -> 5469 bytes .../src/images/student/chess_tab1.png | Bin 0 -> 10323 bytes .../src/images/student/games_tab.PNG | Bin 0 -> 6331 bytes .../src/images/student/games_tab1.png | Bin 0 -> 13546 bytes .../src/images/student/inventory_tab.png | Bin 0 -> 23361 bytes .../src/images/student/mento_tab.PNG | Bin 0 -> 3180 bytes .../src/images/student/mento_tab1.png | Bin 0 -> 9064 bytes .../src/images/student/play_tab.PNG | Bin 0 -> 5402 bytes .../src/images/student/play_tab1.png | Bin 0 -> 12512 bytes .../src/images/student/prodev_tab.PNG | Bin 0 -> 5438 bytes .../src/images/student/prodev_tab1.png | Bin 0 -> 12171 bytes .../src/images/student/pupil.svg | 11 + .../src/images/student/puzzles_tab.PNG | Bin 0 -> 11167 bytes .../src/images/student/puzzles_tab1.png | Bin 0 -> 18999 bytes .../src/images/student/recordings_tab.PNG | Bin 0 -> 1784 bytes .../src/images/student/recordings_tab1.png | Bin 0 -> 4692 bytes .../src/images/student/sponsor_1.png | Bin 0 -> 1456 bytes .../src/images/student/sponsor_2.png | Bin 0 -> 3118 bytes .../src/images/student/sponsor_3.png | Bin 0 -> 6839 bytes .../src/images/student/sponsor_4.png | Bin 0 -> 1884 bytes .../src/images/student/sponsor_5.png | Bin 0 -> 5061 bytes .../src/images/student/sponsor_6.png | Bin 0 -> 5637 bytes .../src/images/student/sponsor_7.png | Bin 0 -> 8448 bytes .../src/images/student/sponsor_8.png | Bin 0 -> 10817 bytes .../src/images/student/sunrise.png | Bin 0 -> 5440 bytes 31 files changed, 492 insertions(+) create mode 100644 react-ystemandchess/src/Pages/Student-Profile/User-Profile.jsx create mode 100644 react-ystemandchess/src/Pages/Student-Profile/User-Profile.scss create mode 100644 react-ystemandchess/src/images/student/STEMy_Mascot.png create mode 100644 react-ystemandchess/src/images/student/activity_tab.png create mode 100644 react-ystemandchess/src/images/student/bg-image.jpg create mode 100644 react-ystemandchess/src/images/student/chart.PNG create mode 100644 react-ystemandchess/src/images/student/chess_tab.PNG create mode 100644 react-ystemandchess/src/images/student/chess_tab1.png create mode 100644 react-ystemandchess/src/images/student/games_tab.PNG create mode 100644 react-ystemandchess/src/images/student/games_tab1.png create mode 100644 react-ystemandchess/src/images/student/inventory_tab.png create mode 100644 react-ystemandchess/src/images/student/mento_tab.PNG create mode 100644 react-ystemandchess/src/images/student/mento_tab1.png create mode 100644 react-ystemandchess/src/images/student/play_tab.PNG create mode 100644 react-ystemandchess/src/images/student/play_tab1.png create mode 100644 react-ystemandchess/src/images/student/prodev_tab.PNG create mode 100644 react-ystemandchess/src/images/student/prodev_tab1.png create mode 100644 react-ystemandchess/src/images/student/pupil.svg create mode 100644 react-ystemandchess/src/images/student/puzzles_tab.PNG create mode 100644 react-ystemandchess/src/images/student/puzzles_tab1.png create mode 100644 react-ystemandchess/src/images/student/recordings_tab.PNG create mode 100644 react-ystemandchess/src/images/student/recordings_tab1.png create mode 100644 react-ystemandchess/src/images/student/sponsor_1.png create mode 100644 react-ystemandchess/src/images/student/sponsor_2.png create mode 100644 react-ystemandchess/src/images/student/sponsor_3.png create mode 100644 react-ystemandchess/src/images/student/sponsor_4.png create mode 100644 react-ystemandchess/src/images/student/sponsor_5.png create mode 100644 react-ystemandchess/src/images/student/sponsor_6.png create mode 100644 react-ystemandchess/src/images/student/sponsor_7.png create mode 100644 react-ystemandchess/src/images/student/sponsor_8.png create mode 100644 react-ystemandchess/src/images/student/sunrise.png diff --git a/react-ystemandchess/src/Pages/Student-Profile/User-Profile.jsx b/react-ystemandchess/src/Pages/Student-Profile/User-Profile.jsx new file mode 100644 index 00000000..5d943ce2 --- /dev/null +++ b/react-ystemandchess/src/Pages/Student-Profile/User-Profile.jsx @@ -0,0 +1,270 @@ +import React, { useEffect } from "react"; +import "./User-Profile.scss"; + +// Import images +import activityTab from "../../images/student/activity_tab.png"; +import mentorTab from "../../images/student/mento_tab.PNG"; +import prodevTab from "../../images/student/prodev_tab.PNG"; +import chessTab from "../../images/student/chess_tab.PNG"; +import gamesTab from "../../images/student/games_tab.PNG"; +import puzzlesTab from "../../images/student/puzzles_tab.PNG"; +import playTab from "../../images/student/play_tab.PNG"; +import recordingsTab from "../../images/student/recordings_tab.PNG"; +import inventoryTab from "../../images/student/inventory_tab.png"; +import progressChart from "../../images/student/chart.PNG"; + +const UserProfile = ({ + firstName = "Frist", + lastName = "Last", + accountCreatedAt = "N/A", + recordingList = [], +}) => { + useEffect(() => { + const defaultOpenBtn = document.getElementById("defaultOpen"); + if (defaultOpenBtn) { + defaultOpenBtn.click(); + } else { + console.error("defaultOpen button not found"); + } + }, []); + + const openTab = (tabName) => { + const tabcontent = document.getElementsByClassName("tabcontent"); + for (let i = 0; i < tabcontent.length; i++) { + tabcontent[i].style.display = "none"; + } + const tablinks = document.getElementsByClassName("tablinks"); + for (let i = 0; i < tablinks.length; i++) { + tablinks[i].className = tablinks[i].className.replace(" active", ""); + } + const tab = document.getElementById(tabName); + if (tab) { + tab.style.display = "block"; + tab.classList.add("active"); + } else { + console.error(`Tab with ID ${tabName} not found`); + } + const btn = document.getElementById(tabName + "Btn"); + if (btn) { + btn.classList.add("active"); + } else { + console.error(`Button with ID ${tabName}Btn not found`); + } + }; + + return ( +
Details about mentor sessions will go here.
+Details about professional development will go here.
+Details about chess lessons will go here.
+Details about games will go here.
+Details about puzzles will go here.
+Details about computer activities will go here.
+{record.description}
+5>gdtn$1+CA+Zn&;It!y6&t+fFJIGiMYU^uw;2z&n476lQO=6$B
BG59m%O67`6hQy2sn01GA>Da5R9TA;|6_ibP!bN
zL)*6_iUo{t0SQ@Q4-JAe#Yw?t14rKjc(T!Mbe^Wl(AN)gItfOzB%+l~kRn)XA!YyU
zu!)ZI)jppqcgw;(028CJk57A;9hDb2rJ+kFJY)^xhGq~#`_!?qPNoYMG5FhwGAh=I
zV~+T?)suLn#66XK|3r!Cy53qh9lsN$$Yk+lSwHo6dc*tAul_mjo}>CTKUx9`HeF_1
z)Sh8c)dtP
#LcK5F7zNLzTwSl
z!V}T<64MridI^6$tiT-}7wM1^gLe&zEZB+cM}C)>t3L|@;VuA@k-)7a{OWVz5C9(jeLaz-=$oYoR;2qvd{l=l+%
zHSo|KiPU}lTqAojXn2ctc-QVn&&&w^U=y}4k@*vs|FG5i&Cj3m*eyw^uhOkk&O02$
zd~~FV2)v|{CWhDJ7`)=I`3`+=CYHX?IukK%BZXD@_gv)!$7@A|q*Lxj4}hdn1b}q8
zx5PIEPL2ayT#cz5=+G(sVQ7L;yE5M3;tzg{g`ldbL<>X*CYu908zsH&hum&>)z;f0
zM|HDHBZvimb7HULvX4r^4QV@_V*`3&NSw(`qMTK=)o}FrYoEq$)#8F`9mzBeB5Nyj
zTT2y3OQK9NK&Qy#jZ->Qfs
6;Jdv6ApSKIXP$=TtBShwzO?wGF;B+k_+z