- Contact Us / FAQ -
-
-
-
+ ([]);
const [loading, setLoading] = useState(true);
const [searchValue, setSearchValue] = useState("");
+ const { toast } = useToast();
useEffect(() => {
const fetchTopics = async () => {
try {
- const response = await fetch(
- "https://deployment.api-php.boilerplate.hng.tech/api/v1/help-center/topics",
- );
- if (!response.ok) {
- return;
- }
- const data = await response.json();
- setTopics(data.data.topics);
- } catch (error) {
- return `Error fetching topics: ${error}`;
+ const apiUrl = await getApiUrl();
+ const response = await axios.get(`${apiUrl}/api/v1/help-center/topics`);
+ setTopics(response.data.data);
+ } catch {
+ toast({
+ title: "Error",
+ description: "Error fetching topics",
+ variant: "destructive",
+ });
} finally {
setLoading(false);
}
};
fetchTopics();
- }, []);
+ }, [toast]);
const handleSearch = (event: ChangeEvent) => {
setSearchValue(event.target.value);
};
- const filteredTopics = topics.filter(
+ const filteredTopics = topics?.filter(
(topic) =>
topic.title.toLowerCase().includes(searchValue.toLowerCase()) ||
topic.content.toLowerCase().includes(searchValue.toLowerCase()),
);
+ //
+
return (
-
- Contact Us >{" "} - FAQ -
-
-
- - Frequently asked questions -
-- Questions you might ask about our product -
-- Achieve your dreams with us today -
-
+
+
);
};
-export default faq;
+export default Faq;
diff --git a/src/app/(landing-routes)/help-center/page.test.tsx b/src/app/(landing-routes)/help-center/page.test.tsx
index dea52ad56..39da3cfb1 100644
--- a/src/app/(landing-routes)/help-center/page.test.tsx
+++ b/src/app/(landing-routes)/help-center/page.test.tsx
@@ -1,11 +1,11 @@
-import { render } from "~/test/utils";
+import { renderWithIntl } from "~/test/utils";
import Page from "./page";
describe("page tests", () => {
it("should render correctly", () => {
expect.assertions(1);
- render(
+ {loading ? (
+
+
+ No results found.
+ ) : ( +
-
-
-
-
- Help Center
-
-
+ <>
+
Browse by topics
{loading ? (
-
-
+
-
-
- - How can we help You? -
-- Find advice and answers from our support team -
-
-
-
+
-
+
- Loading...
- ) : searchValue.trim() === "" ? ( -No results found.
+ <> + {filteredTopics?.length === 0 ? ( +No results found.
+ ) : ( +{ Contact us @@ -144,24 +132,24 @@ const HelpCenter = () => {
-
-
+
+
);
}
diff --git a/src/app/(landing-routes)/products/[uid]/page.tsx b/src/app/(landing-routes)/products/[uid]/page.tsx
new file mode 100644
index 000000000..f9aca7b0f
--- /dev/null
+++ b/src/app/(landing-routes)/products/[uid]/page.tsx
@@ -0,0 +1,185 @@
+"use client";
+
+import Image from "next/image";
+import { Swiper, SwiperSlide } from "swiper/react";
+
+import "swiper/css";
+import "swiper/css/navigation";
+import "swiper/css/pagination";
+import "swiper/css/scrollbar";
+
+import { Button } from "~/components/ui/button";
+import {
+ ChevronRight,
+ DeliveryVanIcon,
+ MinusIcon,
+ PlusIcon,
+ StarIcon,
+ ThreeDRotateIcon,
+} from "../icons";
+
+export default function Page() {
+ return (
+
-
+
+
);
};
diff --git a/src/app/(landing-routes)/privacy-policy/page.tsx b/src/app/(landing-routes)/privacy-policy/page.tsx
index 0b5db6b42..fd4e1172c 100644
--- a/src/app/(landing-routes)/privacy-policy/page.tsx
+++ b/src/app/(landing-routes)/privacy-policy/page.tsx
@@ -2,12 +2,12 @@
import { useEffect } from "react";
+import Heading from "~/components/layouts/heading";
import privacyPolicyData, {
getTableOfContents,
} from "~/components/layouts/Legal/PrivacyPolicy/constants/privacyPolicyData";
import PrivacyPolicyContent from "~/components/layouts/Legal/PrivacyPolicy/PrivacyPolicyContent";
import TableOfContent from "~/components/layouts/Legal/TableOfContent";
-import SubPageHero from "~/components/layouts/Legal/Terms&Conditions/SubPageHero";
export default function PrivacyPolicy() {
const tableOfContents = getTableOfContents(privacyPolicyData);
@@ -28,27 +28,24 @@ export default function PrivacyPolicy() {
}, []);
return (
-
+
+
+
Didn't find an answer?
-
+
Contact us for more inquiries and information about our services.
Contact us
-
+
Didn't find an answer?
-+
Contact us for more inquiries and information about our services.
Contact us
-
-
-
+
+
+ );
+}
diff --git a/src/app/(landing-routes)/products/data.tsx b/src/app/(landing-routes)/products/data.tsx
new file mode 100644
index 000000000..22769d3c0
--- /dev/null
+++ b/src/app/(landing-routes)/products/data.tsx
@@ -0,0 +1,29 @@
+export const productData = [
+ {
+ image: "/product/product-img-1.png",
+ },
+ {
+ image: "/product/product-img-2.png",
+ },
+ {
+ image: "/product/product-img-3.jpg",
+ },
+ {
+ image: "/product/product-img-4.png",
+ },
+ {
+ image: "/product/product-img-5.png",
+ },
+ {
+ image: "/product/product-img-6.png",
+ },
+ {
+ image: "/product/product-img-7.png",
+ },
+ {
+ image: "/product/product-img-8.png",
+ },
+ {
+ image: "/product/product-img-9.png",
+ },
+];
diff --git a/src/app/(landing-routes)/products/icons.tsx b/src/app/(landing-routes)/products/icons.tsx
new file mode 100644
index 000000000..04e4ce04c
--- /dev/null
+++ b/src/app/(landing-routes)/products/icons.tsx
@@ -0,0 +1,189 @@
+export const DeliveryVanIcon = () => {
+ return (
+
+ );
+};
+
+export const ThreeDRotateIcon = () => {
+ return (
+
+ );
+};
+
+export const ChevronRight = () => {
+ return (
+
+ );
+};
+
+export const MinusIcon = () => {
+ return (
+
+ );
+};
+
+export const PlusIcon = () => {
+ return (
+
+ );
+};
+
+export const StarIcon = () => {
+ return (
+
+ );
+};
diff --git a/src/app/(landing-routes)/products/page.tsx b/src/app/(landing-routes)/products/page.tsx
new file mode 100644
index 000000000..edda562fa
--- /dev/null
+++ b/src/app/(landing-routes)/products/page.tsx
@@ -0,0 +1,170 @@
+"use client";
+
+import axios from "axios";
+import { ChevronDown, ChevronLeft, ChevronRight } from "lucide-react";
+import Image from "next/image";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+
+import { getApiUrl } from "~/actions/getApiUrl";
+import { Button } from "~/components/ui/button";
+import { productData } from "./data";
+import { StarIcon } from "./icons";
+
+export default function Page() {
+ const [, setIsLoading] = useState(false);
+
+ const [page, setPage] = useState(1);
+ const [, setProducts] = useState([]);
+
+ useEffect(() => {
+ (async () => {
+ setIsLoading(true);
+ try {
+ const baseUrl = await getApiUrl();
+ const API_URL = `${baseUrl}/api/v1/products`;
+ const response = await axios.get(`${API_URL}?page=${page}&page_size=9`);
+ setProducts(response.data.data.products);
+ } catch {
+ setIsLoading(false);
+ } finally {
+ setIsLoading(false);
+ }
+ })();
+ }, [page]);
+
+ return (
+
+
+
+
+
+ Products
+
+
+
+
+
+
+
+
+ {Array.from({ length: 5 }).map((_, index) => (
+
+ + Product 2 +
++ A fusion of ripe bananas, pure honey, and succulent raspberries + with our bread. Crafted to perfection. +
++ $150.00 +
+
+
+
+
+
+
+
+
+
+
+ + Free worldwide shipping on all orders over $100 +
+
+
+ + Delivers in: 3-7 Working Days Shipping & Return +
+
+
+
+
+
+
+ Descriptions
+ +Reviews
++ Our artisan bread is crafted using traditional methods and the + finest ingredients. Baked fresh daily, each loaf features a crisp, + golden crust and a soft, flavorful interior. Our signature recipes + include a range of varieties, from hearty sourdough and rustic + multigrain to rich olive and rosemary. Our dried nuts are carefully + selected and processed to preserve their natural flavor and + nutritional value. Sourced from trusted farms, our nuts include a + variety of options such as almonds, cashews, walnuts, and + pistachios, all roasted to perfection and lightly seasoned.Our team + of skilled bakers and nut experts work tirelessly to blend age-old + techniques with modern practices, creating products that not only + taste great but are also kind to the environment. From our ovens to + your table, we strive to deliver products that enhance your culinary + experiences and support a healthier lifestyle. +
+
+
+
+
+ + {`Similar Products from Kingpin's Organization`}{" "} +
+ +
+ = 640px
+ 425: {
+ slidesPerView: 2,
+ },
+ 640: {
+ slidesPerView: 2,
+ },
+ // When the screen is >= 768px
+ 768: {
+ slidesPerView: 3,
+ },
+ // When the screen is >= 1024px
+ 1024: {
+ slidesPerView: 4,
+ spaceBetween: 30,
+ },
+ }}
+ >
+ {Array.from({ length: 8 }).map((_, index) => (
+
+
+
+
+ ))}
+
+
+
+
+
+ {Array.from({ length: 5 }).map((_, index) => (
+
+ + Product 50 +
++ $575.99 +
+
+
+
+
+ );
+}
+
+const SearchIcon = () => {
+ return (
+
+ );
+};
diff --git a/src/app/(landing-routes)/squeeze/index.tsx b/src/app/(landing-routes)/squeeze/index.tsx
index c401cde06..7cf76b46a 100644
--- a/src/app/(landing-routes)/squeeze/index.tsx
+++ b/src/app/(landing-routes)/squeeze/index.tsx
@@ -6,8 +6,8 @@ import { useRouter } from "next/navigation";
import React, { useEffect, useState } from "react";
import { z, ZodError } from "zod";
+import { getApiUrl } from "~/actions/getApiUrl";
import { useToast } from "~/components/ui/use-toast";
-import { getApiUrl } from "~/utils/getApiUrl";
const validationSchema = z.object({
first_name: z.string().min(1, "First name is required"),
diff --git a/src/app/(landing-routes)/terms-and-conditions/page.tsx b/src/app/(landing-routes)/terms-and-conditions/page.tsx
index d7cf69743..261e0c6f5 100644
--- a/src/app/(landing-routes)/terms-and-conditions/page.tsx
+++ b/src/app/(landing-routes)/terms-and-conditions/page.tsx
@@ -1,26 +1,21 @@
+import Heading from "~/components/layouts/heading";
import Main from "~/components/layouts/Legal/Terms&Conditions/Main";
-import SubPageHero from "~/components/layouts/Legal/Terms&Conditions/SubPageHero";
const TermsConditions = () => {
return (
-
+ Product
+
+ + Browse our latest products +
++ Connect with Multiple Organizations for Unmatched Variety +
+
+
+
+
+
+
+
+ 1-24 of 172 products
+
+
+ Filter
+ +
+ {productData.map((data, index) => (
+
+
+
+
+ {/* Pagination */}
+
+
+
+ ))}
+
+
+ Product 2
+$150 USD
+
+
+ + King Pin Organization{" "} +
+
+
+
+ {Array.from({ length: 5 }).map((_, index) => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
};
diff --git a/src/app/api/auth/[...nextauth]/route.ts b/src/app/api/auth/[...nextauth]/route.ts
index 9ce739bfa..ff20d1adf 100644
--- a/src/app/api/auth/[...nextauth]/route.ts
+++ b/src/app/api/auth/[...nextauth]/route.ts
@@ -1,2 +1 @@
export { GET, POST } from "~/lib/auth";
-export const runtime = "edge";
diff --git a/src/app/dashboard/(admin)/_components/layout/Sidebar/index.tsx b/src/app/dashboard/(admin)/_components/layout/Sidebar/index.tsx
index df836d5a5..df7769237 100644
--- a/src/app/dashboard/(admin)/_components/layout/Sidebar/index.tsx
+++ b/src/app/dashboard/(admin)/_components/layout/Sidebar/index.tsx
@@ -1,6 +1,7 @@
"use client";
import {
+ Bot,
Box,
House,
List,
@@ -10,6 +11,7 @@ import {
TabletSmartphone,
Users,
} from "lucide-react";
+import { useSession } from "next-auth/react";
import Link from "next/link";
import { usePathname } from "next/navigation";
import { FC, ForwardRefExoticComponent, RefAttributes } from "react";
@@ -17,7 +19,7 @@ import { FC, ForwardRefExoticComponent, RefAttributes } from "react";
const sideItems = [
{
route: "Dashboard",
- link: "/dashboard/admin/dashboard",
+ link: "/dashboard/admin",
icon: House,
id: "dashboard",
},
@@ -51,6 +53,12 @@ const sideItems = [
icon: TabletSmartphone,
id: "waitlist",
},
+ {
+ route: "FAQs",
+ link: "/dashboard/admin/faqs",
+ icon: Bot,
+ id: "faqs",
+ },
{
route: "Settings",
link: "/dashboard/admin/settings",
@@ -58,6 +66,7 @@ const sideItems = [
id: "settings",
},
];
+
interface Iproperties {
sideNavitems?: {
route: string;
@@ -69,20 +78,38 @@ interface Iproperties {
}[];
currenPathName?: string;
}
+
const Sidebar: FC = ({ sideNavitems = sideItems }) => {
+ const { data: session } = useSession();
const pathname = usePathname();
const currentPath = pathname?.split("/")[3];
+ const filteredItems = session?.user?.is_superadmin
+ ? [
+ ...sideNavitems,
+ {
+ route: "Faq Page",
+ link: "/dashboard/admin/faqs",
+ icon: List,
+ id: "faqs",
+ },
+ ]
+ : sideNavitems;
+
return (
- {sideNavitems.map((item, index) => (
+ {filteredItems.map((item, index) => (
();
const { status } = useSession();
const router = useRouter();
useEffect(() => {
@@ -23,6 +42,28 @@ const DashboardNavbar = () => {
}
}, [status, router]);
+ useEffect(() => {
+ async function fetchNotifications() {
+ const result = await getAllNotifications();
+
+ if (result.error) {
+ return result.error;
+ } else {
+ setNotifications(result.data as NotificationsData);
+ }
+ }
+
+ fetchNotifications();
+ }, []);
+
+ const totalUnreadNotificationCount =
+ notifications?.data.total_unread_notification_count || 0;
+
+ const totalNotificationCount =
+ notifications?.data.total_notification_count || 0;
+ const notificationContent: NotificationPreview[] =
+ notifications?.data.notifications || [];
+
return (
-
-
-
+
-
-
-