From 5f41511ee0a94a086639cb07d68da51bea84a82b Mon Sep 17 00:00:00 2001 From: MathewFrancis Date: Wed, 4 Jun 2025 11:15:02 +0530 Subject: [PATCH] The click way of drop down --- .../test1/mariadb_data/aria_log.00000001 | Bin 4898816 -> 4898816 bytes .../test1/mariadb_data/aria_log_control | Bin 52 -> 52 bytes .../test1/reactcezenpbx/src/App.jsx | 27 +++++- .../src/components/Lift/reset-cont.jsx | 3 + .../src/components/landing-page/homePage.jsx | 3 + .../src/components/landing-page/navBar.jsx | 88 +++++++++++++----- .../src/components/operations/endPoint.jsx | 3 + .../src/components/operations/features.jsx | 3 + .../src/components/profile/editProfile.jsx | 3 + 9 files changed, 102 insertions(+), 28 deletions(-) create mode 100644 MySQL_conf_pbx/test1/reactcezenpbx/src/components/Lift/reset-cont.jsx create mode 100644 MySQL_conf_pbx/test1/reactcezenpbx/src/components/operations/endPoint.jsx create mode 100644 MySQL_conf_pbx/test1/reactcezenpbx/src/components/operations/features.jsx create mode 100644 MySQL_conf_pbx/test1/reactcezenpbx/src/components/profile/editProfile.jsx diff --git a/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 b/MySQL_conf_pbx/test1/mariadb_data/aria_log.00000001 index 7ad1ad9b87d2dd181a235d1981777b9ec367e988..8da10463cb0e0d0398f74bbf980e2bf15cc77972 100644 GIT binary patch delta 246 zcmYkxxiUim06@`*^(FFbL5L;xecuUU4X^VjN@a@k2Px8~ib7>Z&0qKmGij7&7&N&v zw>qWLQ@r%MCUMPLv})6?Lm(lkQ%a~yw;sLvr1cvxC}YU5tP!KejLVrYY09)2v*yfO zuxQD$6|2^)+puZNwjI0n>^pGiNZzp%rwY!TyKw2swW1rhFHyZ#d8YR delta 168 zcmWl|%Q8X%007V_Bt$n7A$lp5XOWV}O`-a#yEy+~X=h_)#((J(j5Bkh=qn!m7ZbN& z(UOE^Nh?;ZNm;icEs(KkOV+lW9lP@O>^o3!=txmXSw+>cnz|DWO)aO+oV#%8N?XUZ m8(p`0`tA(ed+_KYbW_cpk%7T|xfcVFV)(-fBp4U~SX%`U delta 27 gcmXppnII>YTL0LKk%8gxGA{-o#qfj`NH8z}0A|Jo+yDRo diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx index 8f7132e..ed20237 100755 --- a/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/App.jsx @@ -5,6 +5,9 @@ import SignInUp from "./components/login-logout/signInup"; import LandingPage from "./components/landing-page/homePage.jsx"; import SignUp from "./components/login-logout/signUp.jsx"; import LogIn from "./components/login-logout/logIn.jsx"; +import EndPoints from "./components/operations/endPoint.jsx"; +import Features from "./components/operations/features.jsx"; +import EditProfile from "./components/profile/editProfile.jsx"; import "./App.css"; @@ -12,7 +15,15 @@ import "./App.css"; import { createBrowserRouter, RouterProvider } from "react-router-dom"; const router = createBrowserRouter([ - { path: "/", element: }, + { + path: "/", + element: , + children: [ + { path: "/end-points", element: }, + { path: "/features", element: }, + { path: "/edit-profile", element: }, + ], + }, { path: "/", element: , @@ -24,10 +35,20 @@ const router = createBrowserRouter([ ]); function App() { - const [count, setCount] = useState(0); + const [resetNave, navResetFunction] = useState(false); + + const outerUpdate = () => { + console.log("Update"); + navResetFunction((val) => (val = false)); + }; return ( -
+
{ + outerUpdate(); + }} + > {/* */}
diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/Lift/reset-cont.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/Lift/reset-cont.jsx new file mode 100644 index 0000000..1c54a03 --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/Lift/reset-cont.jsx @@ -0,0 +1,3 @@ +import { createContext } from "react"; + +export const ResetNavFromHomeScreen = createContext(); diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/homePage.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/homePage.jsx index f2dee33..5de0d5a 100755 --- a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/homePage.jsx +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/homePage.jsx @@ -1,10 +1,13 @@ import NavBar from "./navBar"; import "./home-page.css"; +import { Outlet } from "react-router-dom"; + export default function LandingPage() { return ( <> +

Welcome to the landing page !

diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navBar.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navBar.jsx index f13bccb..5d5a5a1 100755 --- a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navBar.jsx +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/landing-page/navBar.jsx @@ -5,47 +5,85 @@ import profileLogo from "../../assets/profile-circle-svgrepo-com.svg"; import NavBarDropDown from "./drop_down/navBarDropDown"; import { useNavigate } from "react-router-dom"; +import { useState } from "react"; export default function NavBar() { const navTo = useNavigate(); + // useState for boolean trigger... when inverted + // it should display the associated drop down message + const [operations, operationsInverter] = useState(false); + const [profile, profileInverter] = useState(false); + + const truthInverter = () => { + profileInverter((prev) => (prev = false)); + operationsInverter((prev) => (prev = !prev)); + }; + + const profInverter = () => { + operationsInverter((prev) => (prev = false)); + profileInverter((prev) => (prev = !prev)); + }; + return ( ); diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/operations/endPoint.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/operations/endPoint.jsx new file mode 100644 index 0000000..514cc52 --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/operations/endPoint.jsx @@ -0,0 +1,3 @@ +export default function EndPoints() { + return
Welcome to the End-Point page !
; +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/operations/features.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/operations/features.jsx new file mode 100644 index 0000000..0544ced --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/operations/features.jsx @@ -0,0 +1,3 @@ +export default function Features() { + return
Welcome to the Features page !
; +} diff --git a/MySQL_conf_pbx/test1/reactcezenpbx/src/components/profile/editProfile.jsx b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/profile/editProfile.jsx new file mode 100644 index 0000000..f979592 --- /dev/null +++ b/MySQL_conf_pbx/test1/reactcezenpbx/src/components/profile/editProfile.jsx @@ -0,0 +1,3 @@ +export default function EditProfile() { + return
Welcome to the Edit Profile page !
; +}