From 10e65fa6ffdfbea2e7d0cb4dbfd7ef8d661af7f4 Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Mon, 7 Jul 2025 19:56:45 +0100 Subject: [PATCH] added dummy help page --- src/App.css | 8 ++++ src/App.js | 27 ++++++----- src/AppRouters.jsx | 2 + src/component/help/HelpCom.jsx | 48 +++++++++++++++++++ src/component/layout/layoutcom/UserHeader.jsx | 10 ++-- src/index.js | 8 ++-- src/links/siteLinks.js | 1 + src/views/HelpPage.jsx | 7 +++ 8 files changed, 91 insertions(+), 20 deletions(-) create mode 100644 src/component/help/HelpCom.jsx create mode 100644 src/views/HelpPage.jsx diff --git a/src/App.css b/src/App.css index 9716174..387e493 100644 --- a/src/App.css +++ b/src/App.css @@ -39,4 +39,12 @@ button{ font-size: 1rem!important; font-weight: 700!important; +} + +.font-600 { + font-weight: 600; +} + +.accordion-button, .accordion-button:not(.collapsed) { + background-color: transparent!important; } \ No newline at end of file diff --git a/src/App.js b/src/App.js index 85a27bb..c75825b 100644 --- a/src/App.js +++ b/src/App.js @@ -1,23 +1,28 @@ import { QueryClientProvider, QueryClient } from '@tanstack/react-query' +import { Provider } from 'react-redux'; +import store from './store/store' import AppRouters from './AppRouters'; import './App.css'; -function App() { - const queryClient = new QueryClient({ - defaultOptions: { - queries: { - refetchOnWindowFocus: false, - retry: 3, - // refetchOnMount: false, - staleTime: Infinity // can also be a number in millisecond - }, +const queryClient = new QueryClient({ + defaultOptions: { + queries: { + refetchOnWindowFocus: false, + retry: 3, + // refetchOnMount: false, + staleTime: 360000 // can also be a number in millisecond }, - }) + }, +}) + +function App() { return ( - + + + ); } diff --git a/src/AppRouters.jsx b/src/AppRouters.jsx index 0304ec2..3d3cffb 100644 --- a/src/AppRouters.jsx +++ b/src/AppRouters.jsx @@ -18,6 +18,7 @@ import SettingsPage from './views/SettingsPage' import ProductPage from './views/ProductPage' import SocketIOContextProvider from './component/context/SocketIOContext'; import CSignupPage from './views/CSignupPage'; +import HelpPage from './views/HelpPage'; function AppRouters() { return ( @@ -45,6 +46,7 @@ function AppRouters() { } /> } /> } /> + } /> diff --git a/src/component/help/HelpCom.jsx b/src/component/help/HelpCom.jsx new file mode 100644 index 0000000..7babf99 --- /dev/null +++ b/src/component/help/HelpCom.jsx @@ -0,0 +1,48 @@ +import React from "react"; +import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS"; + + +export default function HelpCom(){ + + return( + <> + + {/*
*/} + {/*
Coming Soon
*/} + {/*
*/} + + +
+
+
+
+ +

First, a disclaimer – the entire process of writing a blog post often takes more than a couple of hours, even if you can type eighty words as per minute and your writing skills are sharp.

+
+
+ {['a', 'b', 'c', 'd'].map((item, index)=>{ + return ( +
+

+ +

+
+
+ This is the first item’s accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It’s also worth noting that just about any HTML can go within the accordion-body, though the transition does limit overflow. +
+
+
+ ) + })} +
+
+
+
+
+
+ + + ) +} \ No newline at end of file diff --git a/src/component/layout/layoutcom/UserHeader.jsx b/src/component/layout/layoutcom/UserHeader.jsx index 8b7da0a..40aeea9 100644 --- a/src/component/layout/layoutcom/UserHeader.jsx +++ b/src/component/layout/layoutcom/UserHeader.jsx @@ -74,8 +74,8 @@ export default function UserHeader(){
-
{userDetails?.firstname} {userDetails?.lastname}
- {userDetails.email} +

{userDetails?.firstname} {userDetails?.lastname}

+

{userDetails.email}

Settings - - Need help? + + + Need help? + {/*
*/} {/*
*/} diff --git a/src/index.js b/src/index.js index 9b9b79f..ffd6f06 100644 --- a/src/index.js +++ b/src/index.js @@ -1,9 +1,9 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; // import './index.css'; -import { Provider } from 'react-redux'; +// import { Provider } from 'react-redux'; +// import store from './store/store' import { BrowserRouter } from 'react-router-dom'; -import store from './store/store' import App from './App'; //import reportWebVitals from './reportWebVitals'; @@ -17,9 +17,7 @@ const root = ReactDOM.createRoot(document.getElementById('root')); root.render( - - - + ); diff --git a/src/links/siteLinks.js b/src/links/siteLinks.js index 5bd0e20..301848b 100644 --- a/src/links/siteLinks.js +++ b/src/links/siteLinks.js @@ -1,5 +1,6 @@ const siteLinks = { error: '*', + help: '/help', home: '/', dash: '/dash', product: '/product/*', diff --git a/src/views/HelpPage.jsx b/src/views/HelpPage.jsx new file mode 100644 index 0000000..3843034 --- /dev/null +++ b/src/views/HelpPage.jsx @@ -0,0 +1,7 @@ +import HelpCom from '../component/help/HelpCom' + +export default function HelpPage() { + return ( + + ) +} -- 2.34.1