From f7ed0f2d0732237b00fbc7481c61326d4b11321d Mon Sep 17 00:00:00 2001
From: sina_sajjadi <alisina.a.a50182@gmail.com@google.com>
Date: Thu, 26 Dec 2024 16:45:37 +0330
Subject: [PATCH] feat: add subscription page and dashboard widget, update
 routes and translations

---
 .../image/subscriptions/Frame 1000005697.webp | Bin 0 -> 9122 bytes
 public/locales/en/common.json                 |   6 +++
 src/components/dashboard/admin.tsx            |   6 ++-
 .../widgets/subscription/subscription.tsx     |  35 ++++++++++++++++++
 src/config/routes.ts                          |   1 +
 src/data/subscription.ts                      |   7 ++++
 src/data/user.ts                              |   2 +-
 src/pages/index.tsx                           |   6 +--
 src/pages/subscriptions.tsx                   |  24 ++++++++++++
 src/settings/site.settings.ts                 |   5 +++
 10 files changed, 87 insertions(+), 5 deletions(-)
 create mode 100644 public/image/subscriptions/Frame 1000005697.webp
 create mode 100644 src/components/dashboard/widgets/subscription/subscription.tsx
 create mode 100644 src/data/subscription.ts
 create mode 100644 src/pages/subscriptions.tsx

diff --git a/public/image/subscriptions/Frame 1000005697.webp b/public/image/subscriptions/Frame 1000005697.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1cf6069deb6c998d2978fe20198393a1cf771a04
GIT binary patch
literal 9122
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
O;mi;jCcOD?oc<4NRjL&L

literal 0
HcmV?d00001

diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index 57813e0..56d5c8d 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -58,6 +58,7 @@
   "sidebar-nav-item-users": "Users",
   "sidebar-nav-item-coupons": "Coupons",
   "sidebar-nav-item-taxes": "Taxes",
+  "sidebar-subscription": "Subscription",
   "sidebar-nav-item-shippings": "Shippings",
   "sidebar-nav-item-settings": "Settings",
   "sidebar-nav-item-store-notice": "Store Notice",
@@ -375,6 +376,11 @@
   "text-abuse-report-submitted": "Abusive report submitted successfully",
   "text-report": "Report",
   "text-summary": "Summary",
+  "text-7day-subscription": "You have a 7-day free subscription.",
+  "text-1-month-subscription": "You have a 1-Month free subscription.",
+  "text-3-month-subscription": "You have a 3-Month free subscription.",
+  "text-6-month-subscription": "You have a 6-Month free subscription.",
+  "text-1-year-subscription": "You have a 1-Year free subscription.",
   "text-campaign": "campaign",
   "text-pending-order": "Pending Order",
   "text-processing-order": "Processing Order",
diff --git a/src/components/dashboard/admin.tsx b/src/components/dashboard/admin.tsx
index 088dfbd..add17e9 100644
--- a/src/components/dashboard/admin.tsx
+++ b/src/components/dashboard/admin.tsx
@@ -28,6 +28,8 @@ import { ShoppingIcon } from '@/components/icons/summary/shopping';
 import { BasketIcon } from '@/components/icons/summary/basket';
 import { ChecklistIcon } from '@/components/icons/summary/checklist';
 import Search from '@/components/common/search';
+import { getAuthCredentials } from '@/utils/auth-utils';
+import Subscription from './widgets/subscription/subscription';
 
 // const TotalOrderByStatus = dynamic(
 //   () => import('@/components/dashboard/total-order-by-status')
@@ -64,7 +66,8 @@ export default function Dashboard() {
   const [orderDataRange, setOrderDataRange] = useState(
     data?.todayTotalOrderByStatus,
   );
-  console.log(data);
+  const  token  = getAuthCredentials();
+
   
   const { price: total_revenue } = usePrice(
     data && {
@@ -192,6 +195,7 @@ export default function Dashboard() {
 
   return (
     <div className="grid gap-7 md:gap-8 lg:grid-cols-2 2xl:grid-cols-12">
+      <Subscription />
       <div className="col-span-full rounded-lg bg-light p-6 md:p-7">
         <div className="mb-5 flex items-center justify-between md:mb-7">
           <h3 className="before:content-'' relative mt-1 bg-light text-lg font-semibold text-heading before:absolute before:-top-px before:h-7 before:w-1 before:rounded-tr-md before:rounded-br-md before:bg-accent ltr:before:-left-6 rtl:before:-right-6 md:before:-top-0.5 md:ltr:before:-left-7 md:rtl:before:-right-7 lg:before:h-8">
diff --git a/src/components/dashboard/widgets/subscription/subscription.tsx b/src/components/dashboard/widgets/subscription/subscription.tsx
new file mode 100644
index 0000000..799ccbd
--- /dev/null
+++ b/src/components/dashboard/widgets/subscription/subscription.tsx
@@ -0,0 +1,35 @@
+// components/Subscription.tsx
+import Image from 'next/image';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+const Subscription: React.FC = () => {
+  const { t } = useTranslation('common'); // Specify the namespace if using multiple
+  return (
+    <div className="col-span-full rounded-lg bg-light p-6 md:p-7">
+      <div className="mb-5 flex items-center justify-between md:mb-7">
+        <h3 className="before:content-'' relative mt-1 bg-light text-lg font-semibold text-heading before:absolute before:-top-px before:h-7 before:w-1 before:rounded-tr-md before:rounded-br-md before:bg-accent ltr:before:-left-6 rtl:before:-right-6 md:before:-top-0.5 md:ltr:before:-left-7 md:rtl:before:-right-7 lg:before:h-8">
+          {/* {t('text-7day-subscription')} */}
+          You have a 7-day free subscription.
+        </h3>
+        <div className='p-2 bg-green-50'>
+
+        <p className='text-green-500'>5 days left</p>
+        </div>
+      </div>
+
+      {/* <div className="grid w-full grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-4"> */}
+        <div className="relative w-full max-w-[1500px] h-52"> {/* Use relative positioning for next/image with fill */}
+          <Image
+            src="/image/subscriptions/Frame 1000005697.webp"
+            alt="subscription plan"
+            layout="fill"
+            objectFit="scale-down"
+          />
+        </div>
+      {/* </div> */}
+    </div>
+  );
+};
+
+export default Subscription;
diff --git a/src/config/routes.ts b/src/config/routes.ts
index 1bcf6c2..f937e9c 100644
--- a/src/config/routes.ts
+++ b/src/config/routes.ts
@@ -22,6 +22,7 @@ export const Routes = {
   checkout: '/orders/checkout',
   verifyEmail: '/verify-email',
   verifyLicense: '/verify-license',
+  subscriptions: '/subscriptions',
   user: {
     ...routesFactory('/users'),
   },
diff --git a/src/data/subscription.ts b/src/data/subscription.ts
new file mode 100644
index 0000000..5c1f611
--- /dev/null
+++ b/src/data/subscription.ts
@@ -0,0 +1,7 @@
+import { useQuery } from "react-query";
+import { API_ENDPOINTS } from "./client/api-endpoints";
+import { HttpClient } from "./client/http-client";
+
+export const useGetActiveSubscription = () => {
+    return useQuery([API_ENDPOINTS.GET_ACTIVE_SUBSCRIPTION], () => HttpClient.get(API_ENDPOINTS.GET_ACTIVE_SUBSCRIPTION));
+};
\ No newline at end of file
diff --git a/src/data/user.ts b/src/data/user.ts
index 848d552..bde9ac8 100644
--- a/src/data/user.ts
+++ b/src/data/user.ts
@@ -52,7 +52,7 @@ console.log(err);
           return;
         }
         queryClient.clear();
-        // router.replace(Routes.login);
+        router.replace(Routes.login);
       }
     },
   });
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 77e9496..172244b 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -35,10 +35,8 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => {
     locale !== Config.defaultLanguage
       ? `/${locale}${Routes.login}`
       : Routes.login;
-  const { token, permissions } = getAuthCredentials(ctx);
   // if (
-  //   !isAuthenticated({ token, permissions }) ||
-  //   !hasAccess(allowedRoles, permissions)
+    // !isAuthenticated({ token, permissions })
   // ) {
   //   return {
   //     redirect: {
@@ -47,6 +45,8 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => {
   //     },
   //   };
   // }
+
+  
   if (locale) {
     return {
       props: {
diff --git a/src/pages/subscriptions.tsx b/src/pages/subscriptions.tsx
new file mode 100644
index 0000000..c2a53a8
--- /dev/null
+++ b/src/pages/subscriptions.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import Layout from '@/components/layouts/admin';
+
+const Subscription: React.FC = () => {
+    const { t } = useTranslation();
+
+    return (
+        <div>
+            <h1>{t('subscription.title')}</h1>
+            <p>{t('subscription.description')}</p>
+        </div>
+    );
+};
+
+export default Subscription;
+
+Subscription.Layout = Layout;
+
+// export const getStaticProps = async ({ locale }: any) => ({
+//   props: {
+//     ...(await serverSideTranslations(locale, ['table', 'common', 'form'])),
+//   },
+// });
diff --git a/src/settings/site.settings.ts b/src/settings/site.settings.ts
index bd32cba..a5b411b 100644
--- a/src/settings/site.settings.ts
+++ b/src/settings/site.settings.ts
@@ -213,6 +213,11 @@ export const siteSettings = {
         label: 'text-e-commerce-management',
         icon: 'WithdrawIcon',
         childMenu: [
+          {
+            href: Routes.subscriptions,
+            label: 'sidebar-subscription',
+            icon: 'TaxesIcon',
+          },
           {
             href: Routes.tax.list,
             label: 'sidebar-nav-item-taxes',