From 5dd6cda421bee65de81c9b812cb2d6a70372d5af Mon Sep 17 00:00:00 2001 From: Devell Robinson Date: Wed, 6 May 2026 18:37:22 -0400 Subject: [PATCH 01/13] feat: update SimpleGrid component in AboutUs for improved responsive design --- app/(Public Pages)/(About)/about/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/(Public Pages)/(About)/about/page.tsx b/app/(Public Pages)/(About)/about/page.tsx index f0568d9..6ef189e 100644 --- a/app/(Public Pages)/(About)/about/page.tsx +++ b/app/(Public Pages)/(About)/about/page.tsx @@ -74,7 +74,7 @@ export default function AboutUs() { {/* ABOUT US */} - + From f5e7a582851d3b649febcdb4a4c67acdcc3a7464 Mon Sep 17 00:00:00 2001 From: Devell Robinson Date: Thu, 7 May 2026 17:40:03 -0400 Subject: [PATCH 02/13] feat: update mobile breakpoint in theme configuration for improved responsiveness --- components/ui/theme.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/ui/theme.ts b/components/ui/theme.ts index 1883eee..b6561d8 100644 --- a/components/ui/theme.ts +++ b/components/ui/theme.ts @@ -3,7 +3,7 @@ import { createSystem, defaultConfig, defineConfig } from "@chakra-ui/react" const config = defineConfig({ theme: { breakpoints: { - mobile: "375px", + mobile: "320px", tablet: "768px", laptop: "1024px", xLarge: "1440px", From 86ec87f1f2f46b500aad6adfe4d4c5d2bb6b3be4 Mon Sep 17 00:00:00 2001 From: Devell Robinson Date: Thu, 7 May 2026 18:42:38 -0400 Subject: [PATCH 03/13] fix: adjust formatting in Home component for improved code readability --- app/(Public Pages)/(Home)/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/(Public Pages)/(Home)/page.tsx b/app/(Public Pages)/(Home)/page.tsx index 8bce2ef..2aede42 100644 --- a/app/(Public Pages)/(Home)/page.tsx +++ b/app/(Public Pages)/(Home)/page.tsx @@ -373,7 +373,7 @@ export default function Home() { role="img" aria-label="Mokse hero image 1" rounded="md" - /> + /> From 7ca96f7d1b47f96200c2f3524a1ab87c2297922b Mon Sep 17 00:00:00 2001 From: Devell Robinson Date: Thu, 7 May 2026 18:49:30 -0400 Subject: [PATCH 04/13] feat: refactor Navbar component for improved structure and readability --- app/(Admin Dashboard)/components/navbar.tsx | 368 ++++++++++---------- 1 file changed, 185 insertions(+), 183 deletions(-) diff --git a/app/(Admin Dashboard)/components/navbar.tsx b/app/(Admin Dashboard)/components/navbar.tsx index 782c52d..5e67d32 100644 --- a/app/(Admin Dashboard)/components/navbar.tsx +++ b/app/(Admin Dashboard)/components/navbar.tsx @@ -19,6 +19,7 @@ import { Heading, Center, Card, + StackProps, } from "@chakra-ui/react"; import { MdBrightness4 as MdMoon, @@ -82,200 +83,201 @@ export default function Navbar() { w: "100dvw", className: openSans.className,//openSans.className, justifyContent: "space-between", - } as const; + } +} - // Nav text props - const navTextProps = { - fontSize: "16px", - fontWeight: 600, - _light: { color: "white" }, - } as const; +// Nav text props +const navTextProps = { + fontSize: "16px", + fontWeight: 600, + _light: { color: "white" }, +} as const; - return ( - +return ( + - - - - MOKSE Logo - + + + + MOKSE Logo + + + + + + + About + + + + + Contact + + + + + Services - - - - About - - - - - Contact - - - - - Services - - - - - - - {/* Float the badge to the above the text */} - Programs - - - - New - - - - - - - - - - {/* Float the badge to the above the text */} - Resources - - - - New - - - - - - + + + + + {/* Float the badge to the above the text */} + Programs + + + + New + + + + + + + + + + {/* Float the badge to the above the text */} + Resources + + + + New + + + + + + - + - {/* Mobile Menu */} - setOpen(e.open)} > - - - - - - - - - Menu - - - - - Navigation - - - - About - - - - - Contact - - - - - Services - - + {/* Mobile Menu */} + setOpen(e.open)} > + + + + + + + + + Menu + + + + + Navigation + + + + About + + + + + Contact + + + + + Services + + - - - - - {/* Float the badge to the above the text */} - Programs - - - - New - - - - - - - - - - {/* Float the badge to the above the text */} - Resources - - - - New - - - - - - + + + + + {/* Float the badge to the above the text */} + Programs + + + + New + + + + + + + + + + {/* Float the badge to the above the text */} + Resources + + + + New + + + + + + - Appearance - - - + Appearance + + + - - - - - - - - - - - - - - - ); + + + + + + + + + + + + + + +); } From 7a5a4bb56076326d03ecf67375a9bf8b3a2c210c Mon Sep 17 00:00:00 2001 From: Devell Robinson Date: Thu, 7 May 2026 18:51:13 -0400 Subject: [PATCH 05/13] refactor: improve formatting and structure of Navbar component for better readability --- app/(Admin Dashboard)/components/navbar.tsx | 366 ++++++++++---------- 1 file changed, 183 insertions(+), 183 deletions(-) diff --git a/app/(Admin Dashboard)/components/navbar.tsx b/app/(Admin Dashboard)/components/navbar.tsx index 5e67d32..ee7dfb5 100644 --- a/app/(Admin Dashboard)/components/navbar.tsx +++ b/app/(Admin Dashboard)/components/navbar.tsx @@ -83,201 +83,201 @@ export default function Navbar() { w: "100dvw", className: openSans.className,//openSans.className, justifyContent: "space-between", + } -} -// Nav text props -const navTextProps = { - fontSize: "16px", - fontWeight: 600, - _light: { color: "white" }, -} as const; + // Nav text props + const navTextProps = { + fontSize: "16px", + fontWeight: 600, + _light: { color: "white" }, + } as const; -return ( - + return ( + - - - - MOKSE Logo - + + + + MOKSE Logo + - - - - - - About - - - - - Contact - - - - - Services + + + + About + + + + + Contact + + + + + Services + + - - - - - {/* Float the badge to the above the text */} - Programs - - - - New - - - - - - - - - - {/* Float the badge to the above the text */} - Resources - - - - New - - - - - - + + + + + {/* Float the badge to the above the text */} + Programs + + + + New + + + + + + + + + + {/* Float the badge to the above the text */} + Resources + + + + New + + + + + + - + - {/* Mobile Menu */} - setOpen(e.open)} > - - - - - - - - - Menu - - - - - Navigation - - - - About - - - - - Contact - - - - - Services - - + {/* Mobile Menu */} + setOpen(e.open)} > + + + + + + + + + Menu + + + + + Navigation + + + + About + + + + + Contact + + + + + Services + + - - - - - {/* Float the badge to the above the text */} - Programs - - - - New - - - - - - - - - - {/* Float the badge to the above the text */} - Resources - - - - New - - - - - - + + + + + {/* Float the badge to the above the text */} + Programs + + + + New + + + + + + + + + + {/* Float the badge to the above the text */} + Resources + + + + New + + + + + + - Appearance - - - + Appearance + + + - - - - - - - - - - - - - - -); + + + + + + + + + + + + + + + ); } From f0dba6deccff093c7a2b3e8afee5f9dd4866ec2f Mon Sep 17 00:00:00 2001 From: Devell Robinson Date: Thu, 7 May 2026 18:54:00 -0400 Subject: [PATCH 06/13] refactor: enhance type definition for ContainerProps and simplify background color logic in Navbar component --- app/(Admin Dashboard)/components/navbar.tsx | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/app/(Admin Dashboard)/components/navbar.tsx b/app/(Admin Dashboard)/components/navbar.tsx index ee7dfb5..fa5eeab 100644 --- a/app/(Admin Dashboard)/components/navbar.tsx +++ b/app/(Admin Dashboard)/components/navbar.tsx @@ -64,7 +64,7 @@ export default function Navbar() { const [open, setOpen] = useState(false) // Container props - const ContainerProps = { + const ContainerProps: StackProps = { h: { mobile: "10dvh", tablet: "30dvh", laptop: "50dvh", xLarge: "70dvh", "2XLarge": "90dvh" }, //"2XLarge": "10dvh", zIndex: 2, //2, @@ -72,11 +72,7 @@ export default function Navbar() { boxShadow: { base: "2xl" },//isFixed ? "2xl" : "none", bg: { - base: colorMode === "light" - ? "black" - : "blackAlpha.950" - , - aboveBase: colorMode === "light" + mobile: colorMode === "light" ? "black" : "blackAlpha.950" }, From b28d44f0444d9b39058c74451d601075597d81e3 Mon Sep 17 00:00:00 2001 From: Devell Robinson Date: Thu, 7 May 2026 19:29:51 -0400 Subject: [PATCH 07/13] fix: add postinstall script for typegen to package.json scripts section --- package.json | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index be5ea36..b53402c 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,8 @@ "build": "next build", "start": "next start", "lint": "eslint . 2>&1", - "typecheck": "tsc --noEmit 2>&1" + "typecheck": "tsc --noEmit 2>&1", + "postinstall": "npx @chakra-ui/cli typegen ./components/ui/theme.ts" }, "dependencies": { "@chakra-ui/react": "^3.34.0", @@ -33,4 +34,4 @@ "tailwindcss": "^4", "typescript": "^5" } -} +} \ No newline at end of file From aa2abb7a93965a7758af442040c0f51b767644a0 Mon Sep 17 00:00:00 2001 From: Devell Robinson Date: Fri, 8 May 2026 22:59:17 -0400 Subject: [PATCH 08/13] refactor: update ContainerProps and navTextProps for improved responsiveness and consistency Co-authored-by: Christopher Natale Co-authored-by: teejdadev@users.noreply.github.com --- app/(Admin Dashboard)/components/navbar.tsx | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/app/(Admin Dashboard)/components/navbar.tsx b/app/(Admin Dashboard)/components/navbar.tsx index fa5eeab..7be6206 100644 --- a/app/(Admin Dashboard)/components/navbar.tsx +++ b/app/(Admin Dashboard)/components/navbar.tsx @@ -65,14 +65,18 @@ export default function Navbar() { const [open, setOpen] = useState(false) // Container props const ContainerProps: StackProps = { - h: { mobile: "10dvh", tablet: "30dvh", laptop: "50dvh", xLarge: "70dvh", "2XLarge": "90dvh" }, //"2XLarge": "10dvh", + h: { mobileS: "12dvh" }, //"2XLarge": "10dvh", zIndex: 2, //2, py: { base: 5, mdTo2xl: 8 },//isFixed ? (notMobileDevice ? 8 : 2) : notMobileDevice ? 8 : 5, boxShadow: { base: "2xl" },//isFixed ? "2xl" : "none", bg: { - mobile: colorMode === "light" + mobileS: colorMode === "light" + ? "black" + : "blackAlpha.950" + , + tablet: colorMode === "dark" ? "black" : "blackAlpha.950" }, @@ -80,19 +84,19 @@ export default function Navbar() { className: openSans.className,//openSans.className, justifyContent: "space-between", - } + }; // Nav text props - const navTextProps = { + const navTextProps: StackProps = { fontSize: "16px", fontWeight: 600, _light: { color: "white" }, - } as const; + }; return ( - + Date: Sat, 9 May 2026 00:19:54 -0400 Subject: [PATCH 09/13] refactor: update breakpoints and input placeholders for improved responsiveness Co-authored-by: Christopher Natale --- app/(Admin Dashboard)/admin/page.tsx | 12 +- app/(Public Pages)/(Home)/page.tsx | 260 +++++++++++++-------------- components/ui/theme.ts | 8 +- 3 files changed, 136 insertions(+), 144 deletions(-) diff --git a/app/(Admin Dashboard)/admin/page.tsx b/app/(Admin Dashboard)/admin/page.tsx index 78e399c..0052843 100644 --- a/app/(Admin Dashboard)/admin/page.tsx +++ b/app/(Admin Dashboard)/admin/page.tsx @@ -58,11 +58,13 @@ export default function Admin() { Admin Login - - - - - + + + + + + +
diff --git a/app/(Public Pages)/(Home)/page.tsx b/app/(Public Pages)/(Home)/page.tsx index 2aede42..f7f74ed 100644 --- a/app/(Public Pages)/(Home)/page.tsx +++ b/app/(Public Pages)/(Home)/page.tsx @@ -29,32 +29,32 @@ import { Icon } from "@/components/ui/icons/icon"; export default function Home() { return ( - + - - + + @@ -64,10 +64,10 @@ export default function Home() { advocacy - + @@ -78,12 +78,12 @@ export default function Home() { - - + - + - + @@ -199,7 +199,7 @@ export default function Home() { - Get Involved! - + Are you passionate about helping justice-impacted individuals? We need compassionate volunteers to assist in @@ -207,8 +207,8 @@ export default function Home() { administrative support. - @@ -216,8 +216,8 @@ export default function Home() { - Donate + Donate - + + maxW={{ mobileS: "100%" }} maxH={{ mobileS: "450px" }} ratio={16 / 9}> - - {/* Contact Form Section */} - -
- -
- - -
- - ) : ( - <> -
- {/* Hero Section */} -
- - Contact Mokse - -
-

Contact Us

-

- Find out how you can contribute and make a positive impact in - your community -

-
-
- - {/* Get In Touch Section */} -
-
-

Get in Touch

-

- We're here to support you. Reach out to learn more about - our services, volunteer opportunities, and ways to contribute -

- -
-
- - {/* Contact Info Cards Section */} -
-
- {contactInfo.map((info) => { - const content = info.phoneNumber ? ( - {info.value} - ) : ( -

{info.value}

- ); - - return ( -
- hello -
{info.icon}
-

{info.label}

- {content} -
- ); - })} -
-
+ /> + + {link.platform} + + + + + ))} + - {/* Google Maps Embed Section */} -
-
-