From eb5751310061355bb79a34b27e05beede97e6e81 Mon Sep 17 00:00:00 2001
From: KrownWealth <abdulramonadeola36@gmail.com>
Date: Mon, 22 Jan 2024 17:35:24 +0100
Subject: [PATCH] Fix build error

---
 .../MarketPlaceProfile/MyBusinessForm.tsx     |  20 +--
 .../MarketPlaceProfile/ProfileIdLinks.tsx     |   4 +-
 .../MarketPlaceProfile/horizontalRule.tsx     |  23 ++++
 .../marketplace_dashboard/layout.tsx          |  15 +--
 .../marketplace_dashboard/myaccountform.tsx   |   2 +-
 .../marketplace_dashboard/mybusinessform.tsx  |  10 +-
 .../marketplace_dashboard/mydocumentform.tsx  |   2 +-
 cubeseed_login/src/styles/globals.css         | 126 +++++++++++++++---
 8 files changed, 143 insertions(+), 59 deletions(-)
 create mode 100644 cubeseed_login/src/component/dashboard/MarketPlaceProfile/horizontalRule.tsx

diff --git a/cubeseed_login/src/component/dashboard/MarketPlaceProfile/MyBusinessForm.tsx b/cubeseed_login/src/component/dashboard/MarketPlaceProfile/MyBusinessForm.tsx
index 244de1d..f42ad80 100644
--- a/cubeseed_login/src/component/dashboard/MarketPlaceProfile/MyBusinessForm.tsx
+++ b/cubeseed_login/src/component/dashboard/MarketPlaceProfile/MyBusinessForm.tsx
@@ -6,13 +6,7 @@ import useBusiness from "./hooks/useBusiness"
 import { Input } from "@cs/stories/Input"
 import useProfilePhoto from "./hooks/useProfilePhoto"
 
-interface BusinessDetailFormProps {
-  sidebarOpen: boolean
-}
-
-const BusinessDetailForm: React.FC<BusinessDetailFormProps> = ({
-  sidebarOpen,
-}) => {
+const BusinessDetailForm: React.FC = () => {
   const { bizData, handleBizInputs, handleBusinessSubmit, errors } =
     useBusiness()
   const { uploading, selectedImage, handleFileChange, error } =
@@ -92,11 +86,7 @@ const BusinessDetailForm: React.FC<BusinessDetailFormProps> = ({
               <div className={styles.error}>{errors.category}</div>
             )}
           </div>
-          <hr
-            className={`${
-              sidebarOpen ? styles.hrExpanded : styles.hrCollapsed
-            }`}
-          />
+          <hr />
           <div className="flex flex-col justify-between gap-4 pt-8">
             <p>Business Address</p>
             <Input
@@ -112,11 +102,11 @@ const BusinessDetailForm: React.FC<BusinessDetailFormProps> = ({
               <div className={styles.error}>{errors.business_address}</div>
             )}
           </div>
-          <hr
+          {/* <hr
             className={`${
-              sidebarOpen ? styles.hrExpanded : styles.hrCollapsed
+              sideBarOpenContainer ? styles.hrExpanded : styles.hrCollapsed
             }`}
-          />
+          /> */}
           <div className="flex flex-col justify-between gap-4 pt-8">
             <p>Custom Fields</p>
             <Input
diff --git a/cubeseed_login/src/component/dashboard/MarketPlaceProfile/ProfileIdLinks.tsx b/cubeseed_login/src/component/dashboard/MarketPlaceProfile/ProfileIdLinks.tsx
index e04a896..c2d9542 100644
--- a/cubeseed_login/src/component/dashboard/MarketPlaceProfile/ProfileIdLinks.tsx
+++ b/cubeseed_login/src/component/dashboard/MarketPlaceProfile/ProfileIdLinks.tsx
@@ -8,10 +8,10 @@ const ProfileLinks: React.FC<{ userId?: string }> = ({ userId = "" }) => {
       <Link href={`/dashboard/marketplace_dashboard/${userId}/myaccountform`}>
         My Account
       </Link>
-      <Link href={`/dashboard/marketplace_dashboard/${userId}/myaccountform`}>
+      <Link href={`/dashboard/marketplace_dashboard/${userId}/mybusinessform`}>
         My Business
       </Link>
-      <Link href={`/dashboard/marketplace_dashboard/${userId}/myaccountform`}>
+      <Link href={`/dashboard/marketplace_dashboard/${userId}/mydocumentform`}>
         My Document
       </Link>
     </div>
diff --git a/cubeseed_login/src/component/dashboard/MarketPlaceProfile/horizontalRule.tsx b/cubeseed_login/src/component/dashboard/MarketPlaceProfile/horizontalRule.tsx
new file mode 100644
index 0000000..4748fc4
--- /dev/null
+++ b/cubeseed_login/src/component/dashboard/MarketPlaceProfile/horizontalRule.tsx
@@ -0,0 +1,23 @@
+import React from "react"
+import "@/styles/global.css"
+import styles from "@/styles/marketplaceprofile.module.css"
+
+interface HorizontalRuleProps {
+  sideBarOpenContainer: boolean
+}
+
+const HorizontalRule: React.FC<HorizontalRuleProps> = ({
+  sideBarOpenContainer,
+}) => {
+  return (
+    <>
+      <hr
+        className={`${
+          sideBarOpenContainer ? styles.hrExpanded : styles.hrCollapsed
+        }`}
+      />
+    </>
+  )
+}
+
+export default HorizontalRule
diff --git a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/layout.tsx b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/layout.tsx
index 6447e02..9714dc9 100644
--- a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/layout.tsx
+++ b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/layout.tsx
@@ -3,8 +3,9 @@ import "@/styles/global.css"
 import MarketPlaceSideBar from "@/component/dashboard/MarketPlaceProfile/MarketplaceSidebar"
 import TopHelpBar from "../../../component/dashboard/MarketPlaceProfile/TopHelpBar"
 import CategoryInputField from "../../../component/dashboard/MarketPlaceProfile/CategoryInputField"
-import ProfileLinks from "../../../component/dashboard/MarketPlaceProfile/ProfileIdLinks"
+import ProfileLinks from "../../../component/dashboard/MarketPlaceProfile/ProfileLinks"
 import styles from "@/styles/marketplaceprofile.module.css"
+import HorizontalRule from "@/component/dashboard/MarketPlaceProfile/horizontalRule"
 
 interface IdDashboardLayoutProps {
   title: string
@@ -28,19 +29,11 @@ const IdDashboardLayout: React.FC<IdDashboardLayoutProps> = ({
         <TopHelpBar />
         <CategoryInputField />
         <ProfileLinks />
-        <hr
-          className={`${
-            sideBarOpenContainer ? styles.hrExpanded : styles.hrCollapsed
-          }`}
-        />
+        <HorizontalRule sideBarOpenContainer={sideBarOpenContainer} />
         <div className={styles.accountTile}>
           <p>{title}</p>
         </div>
-        <hr
-          className={`${
-            sideBarOpenContainer ? styles.accountTileHr : styles.accountTileHr2
-          }`}
-        />
+        <HorizontalRule sideBarOpenContainer={sideBarOpenContainer} />
         <div className={styles.accountInfo}>{children}</div>
       </div>
     </div>
diff --git a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/myaccountform.tsx b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/myaccountform.tsx
index 876eff9..5ccbc67 100644
--- a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/myaccountform.tsx
+++ b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/myaccountform.tsx
@@ -4,7 +4,7 @@ import PersonalDetailForm from "../../../component/dashboard/MarketPlaceProfile/
 
 const MyAccountForm: React.FC = () => {
   return (
-    <DashboardLayout title="Personal Information">
+    <DashboardLayout title="Personal Information" sideBarOpenContainer={true}>
       <PersonalDetailForm />
     </DashboardLayout>
   )
diff --git a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/mybusinessform.tsx b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/mybusinessform.tsx
index 99be3a9..911eb40 100644
--- a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/mybusinessform.tsx
+++ b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/mybusinessform.tsx
@@ -2,14 +2,10 @@ import React from "react"
 import DashboardLayout from "./layout"
 import BusinessDetailForm from "../../../component/dashboard/MarketPlaceProfile/MyBusinessForm"
 
-interface MyBusinessFormProps {
-  sidebarOpen: boolean
-}
-
-const MyBusinessForm: React.FC<MyBusinessFormProps> = ({ sidebarOpen }) => {
+const MyBusinessForm: React.FC = () => {
   return (
-    <DashboardLayout title="Business Information">
-      <BusinessDetailForm sidebarOpen={sidebarOpen} />
+    <DashboardLayout title="Business Information" sideBarOpenContainer={true}>
+      <BusinessDetailForm />
     </DashboardLayout>
   )
 }
diff --git a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/mydocumentform.tsx b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/mydocumentform.tsx
index 897b412..1f73020 100644
--- a/cubeseed_login/src/pages/dashboard/marketplace_dashboard/mydocumentform.tsx
+++ b/cubeseed_login/src/pages/dashboard/marketplace_dashboard/mydocumentform.tsx
@@ -4,7 +4,7 @@ import DocumentUploadForm from "../../../component/dashboard/MarketPlaceProfile/
 
 const MyDocumentForm: React.FC = () => {
   return (
-    <DashboardLayout title="Document Information">
+    <DashboardLayout title="Document Information" sideBarOpenContainer={true}>
       <DocumentUploadForm />
     </DashboardLayout>
   )
diff --git a/cubeseed_login/src/styles/globals.css b/cubeseed_login/src/styles/globals.css
index 0b8eeec..5da6113 100644
--- a/cubeseed_login/src/styles/globals.css
+++ b/cubeseed_login/src/styles/globals.css
@@ -10,25 +10,94 @@ li {
 
 a {
   text-decoration: none;
+  cursor: pointer;
 }
 
 /* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
 */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
   margin: 0;
   padding: 0;
   border: 0;
@@ -44,8 +113,17 @@ time, mark, audio, video {
 }
 
 /* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
   display: block;
 }
 
@@ -53,16 +131,20 @@ body {
   line-height: 1;
 }
 
-ol, ul {
+ol,
+ul {
   list-style: none;
 }
 
-blockquote, q {
+blockquote,
+q {
   quotes: none;
 }
 
-blockquote:before, blockquote:after,
-q:before, q:after {
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
   content: "";
   content: none;
 }
@@ -83,7 +165,7 @@ a {
 }
 
 input {
-  border: 1px solid #45DFA9;
+  border: 1px solid #45dfa9;
   border-radius: 6px;
   position: relative;
   width: 100%;
@@ -91,7 +173,7 @@ input {
   width: 100%;
   margin: 10px;
   line-height: 6ex;
-  outline: #45DFA9;
+  outline: #45dfa9;
 }
 
 label {
@@ -101,4 +183,4 @@ label {
   left: 2em;
   background-color: white;
   padding: 0 5px;
-}/*# sourceMappingURL=globals.css.map */
\ No newline at end of file
+} /*# sourceMappingURL=globals.css.map */