From f40f2daddedfc86c300d2b623a756be7d78d29c7 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Thu, 13 Mar 2025 06:13:43 +0800
Subject: [PATCH] refactor: rename subscription references to subscribe plan
 and update related imports

---
 app/apis/common/get-subscribe-plan.ts         | 28 +++++++++++++++++++
 app/apis/common/get-subscriptions.ts          | 26 -----------------
 app/components/popup/success-modal.tsx        |  2 +-
 app/layouts/news/default.tsx                  |  6 ++--
 app/layouts/news/form-register.tsx            | 10 +++----
 ...bscription.tsx => form-subscribe-plan.tsx} | 10 +++----
 app/layouts/news/header-menu-mobile.tsx       |  2 +-
 app/layouts/news/header-menu.tsx              |  2 +-
 app/pages/dashboard-subscribe-plan/index.tsx  | 24 ++++++++--------
 ...admin._dashboard.subscribe-plan._index.tsx |  6 ++--
 ...n._dashboard.subscribe-plan.update.$id.tsx |  4 +--
 app/routes/_news.tsx                          |  6 ++--
 app/routes/actions.subscribe.ts               |  2 +-
 13 files changed, 66 insertions(+), 62 deletions(-)
 create mode 100644 app/apis/common/get-subscribe-plan.ts
 delete mode 100644 app/apis/common/get-subscriptions.ts
 rename app/layouts/news/{form-subscription.tsx => form-subscribe-plan.tsx} (91%)

diff --git a/app/apis/common/get-subscribe-plan.ts b/app/apis/common/get-subscribe-plan.ts
new file mode 100644
index 0000000..bad3d8f
--- /dev/null
+++ b/app/apis/common/get-subscribe-plan.ts
@@ -0,0 +1,28 @@
+import { z } from 'zod'
+
+import { HttpServer, type THttpServer } from '~/libs/http-server'
+
+const subscribePlanSchema = z.object({
+  id: z.string(),
+  code: z.string(),
+  name: z.string(),
+  length: z.number(),
+  price: z.number(),
+  status: z.number(),
+})
+
+const subscribePlanResponseSchema = z.object({
+  data: z.array(subscribePlanSchema),
+})
+
+export type TSubscribePlanSchema = z.infer<typeof subscribePlanSchema>
+
+export const getSubscribePlan = async (parameters?: THttpServer) => {
+  try {
+    const { data } = await HttpServer(parameters).get(`/api/subscribe-plan`)
+    return subscribePlanResponseSchema.parse(data)
+  } catch (error) {
+    // eslint-disable-next-line unicorn/no-useless-promise-resolve-reject
+    return Promise.reject(error)
+  }
+}
diff --git a/app/apis/common/get-subscriptions.ts b/app/apis/common/get-subscriptions.ts
deleted file mode 100644
index b2dcee1..0000000
--- a/app/apis/common/get-subscriptions.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { z } from 'zod'
-
-import { HttpServer, type THttpServer } from '~/libs/http-server'
-
-const subscriptionResponseSchema = z.object({
-  data: z.array(
-    z.object({
-      id: z.string(),
-      code: z.string(),
-      name: z.string(),
-      length: z.number(),
-      price: z.number(),
-      status: z.number(),
-    }),
-  ),
-})
-
-export const getSubscriptions = async (parameters?: THttpServer) => {
-  try {
-    const { data } = await HttpServer(parameters).get(`/api/subscribe-plan`)
-    return subscriptionResponseSchema.parse(data)
-  } catch (error) {
-    // eslint-disable-next-line unicorn/no-useless-promise-resolve-reject
-    return Promise.reject(error)
-  }
-}
diff --git a/app/components/popup/success-modal.tsx b/app/components/popup/success-modal.tsx
index b86e85b..9bec192 100644
--- a/app/components/popup/success-modal.tsx
+++ b/app/components/popup/success-modal.tsx
@@ -117,7 +117,7 @@ export const SuccessModal = ({ isOpen, onClose }: ModalProperties) => {
                         setIsSubscribeOpen(true)
                       }}
                     >
-                      Select Subscription
+                      Select Subscribe Plan
                     </Button>
                   ) : (
                     <Button
diff --git a/app/layouts/news/default.tsx b/app/layouts/news/default.tsx
index 21ce0b5..9d6d6b8 100644
--- a/app/layouts/news/default.tsx
+++ b/app/layouts/news/default.tsx
@@ -11,7 +11,7 @@ import { FormRegister } from '~/layouts/news/form-register'
 
 import { FooterLinks } from './footer-links'
 import { FooterNewsletter } from './footer-newsletter'
-import FormSubscription from './form-subscription'
+import { FormSubscribePlan } from './form-subscribe-plan'
 import { HeaderMenu } from './header-menu'
 import { HeaderTop } from './header-top'
 
@@ -74,9 +74,9 @@ export const NewsDefaultLayout = (properties: PropsWithChildren) => {
       <PopupModal
         isOpen={isSubscribeOpen}
         onClose={() => setIsSubscribeOpen(false)}
-        description="Selamat Datang, silakan Pilih Subscription Anda untuk melanjutkan!"
+        description="Selamat Datang, silakan Pilih Subscribe Plan Anda untuk melanjutkan!"
       >
-        <FormSubscription />
+        <FormSubscribePlan />
       </PopupModal>
 
       <SuccessModal
diff --git a/app/layouts/news/form-register.tsx b/app/layouts/news/form-register.tsx
index ad22dab..48b0ea1 100644
--- a/app/layouts/news/form-register.tsx
+++ b/app/layouts/news/form-register.tsx
@@ -26,7 +26,7 @@ export const registerSchema = z
       .optional()
       .nullable()
       .refine((data) => !!data, {
-        message: 'Please select a subscription',
+        message: 'Please select a Subscribe Plan',
       }),
   })
   .refine((field) => field.password === field.rePassword, {
@@ -42,7 +42,7 @@ export const FormRegister = () => {
   const [error, setError] = useState<string>()
   const fetcher = useFetcher()
   const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
-  const { subscriptionsData: subscriptions } = loaderData || {}
+  const { subscribePlanData: subscribePlan } = loaderData || {}
 
   const formMethods = useRemixForm<TRegisterSchema>({
     mode: 'onSubmit',
@@ -107,9 +107,9 @@ export const FormRegister = () => {
             <Combobox
               id="subscribe_plan"
               name="subscribe_plan"
-              label="Subscription"
-              placeholder="Pilih Subscription"
-              options={subscriptions}
+              label="Subscribe Plan"
+              placeholder="Pilih Subscribe Plan"
+              options={subscribePlan}
             />
 
             {error && (
diff --git a/app/layouts/news/form-subscription.tsx b/app/layouts/news/form-subscribe-plan.tsx
similarity index 91%
rename from app/layouts/news/form-subscription.tsx
rename to app/layouts/news/form-subscribe-plan.tsx
index 6905100..d9c4b6d 100644
--- a/app/layouts/news/form-subscription.tsx
+++ b/app/layouts/news/form-subscribe-plan.tsx
@@ -25,12 +25,12 @@ export const subscribeSchema = z.object({
 
 export type TSubscribeSchema = z.infer<typeof subscribeSchema>
 
-export default function FormSubscription() {
+export const FormSubscribePlan = () => {
   const { setIsSubscribeOpen, setIsSuccessOpen } = useNewsContext()
   const fetcher = useFetcher()
   const [error, setError] = useState<string>()
   const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
-  const { subscriptionsData: subscriptions } = loaderData || {}
+  const { subscribePlanData: subscribePlan } = loaderData || {}
 
   const formMethods = useRemixForm<TSubscribeSchema>({
     mode: 'onSubmit',
@@ -64,9 +64,9 @@ export default function FormSubscription() {
           <Combobox
             id="subscribe_plan"
             name="subscribe_plan"
-            label="Subscription"
-            placeholder="Pilih Subscription"
-            options={subscriptions}
+            label="Subscribe Plan"
+            placeholder="Pilih Subscribe Plan"
+            options={subscribePlan}
           />
 
           {error && (
diff --git a/app/layouts/news/header-menu-mobile.tsx b/app/layouts/news/header-menu-mobile.tsx
index edbde65..3b2a1bb 100644
--- a/app/layouts/news/header-menu-mobile.tsx
+++ b/app/layouts/news/header-menu-mobile.tsx
@@ -13,7 +13,7 @@ type THeaderMenuMobile = {
   menu?: TCategoriesResponse['data']
 }
 
-export default function HeaderMenuMobile(properties: THeaderMenuMobile) {
+export const HeaderMenuMobile = (properties: THeaderMenuMobile) => {
   const { menu } = properties
   const [isMenuOpen, setIsMenuOpen] = useState(false)
   const { setIsLoginOpen } = useNewsContext()
diff --git a/app/layouts/news/header-menu.tsx b/app/layouts/news/header-menu.tsx
index f525a57..85dc741 100644
--- a/app/layouts/news/header-menu.tsx
+++ b/app/layouts/news/header-menu.tsx
@@ -1,7 +1,7 @@
 import { Link, useRouteLoaderData } from 'react-router'
 
 import { Button } from '~/components/ui/button'
-import HeaderMenuMobile from '~/layouts/news/header-menu-mobile'
+import { HeaderMenuMobile } from '~/layouts/news/header-menu-mobile'
 import type { loader } from '~/routes/_news'
 
 import { HeaderSearch } from './header-search'
diff --git a/app/pages/dashboard-subscribe-plan/index.tsx b/app/pages/dashboard-subscribe-plan/index.tsx
index 9bd16ea..188b5ae 100644
--- a/app/pages/dashboard-subscribe-plan/index.tsx
+++ b/app/pages/dashboard-subscribe-plan/index.tsx
@@ -2,6 +2,7 @@ import DT from 'datatables.net-dt'
 import DataTable from 'datatables.net-react'
 import { Link, useRouteLoaderData } from 'react-router'
 
+import type { TSubscribePlanSchema } from '~/apis/common/get-subscribe-plan'
 import { Button } from '~/components/ui/button'
 import { getStatusBadge, type TColorBadge } from '~/components/ui/color-badge'
 import { UiTable } from '~/components/ui/table'
@@ -15,7 +16,7 @@ export const SubscribePlanPage = () => {
   )
 
   DataTable.use(DT)
-  const { subscriptionsData: dataTable } = loaderData || {}
+  const { subscribePlanData: dataTable } = loaderData || {}
 
   const dataColumns = [
     {
@@ -65,16 +66,17 @@ export const SubscribePlanPage = () => {
         {value === 1 ? 'Active' : 'Inactive'}
       </span>
     ),
-    6: (value: string) => (
-      <Button
-        as="a"
-        href={`/lg-admin/subscribe-plan/update/${value}`}
-        className="text-md rounded-md"
-        size="sm"
-      >
-        Update Subscribe Plan
-      </Button>
-    ),
+    6: (value: string, _type: unknown, data: TSubscribePlanSchema) =>
+      data.code !== 'basic' && (
+        <Button
+          as="a"
+          href={`/lg-admin/subscribe-plan/update/${value}`}
+          className="text-md rounded-md"
+          size="sm"
+        >
+          Update Subscribe Plan
+        </Button>
+      ),
   }
   return (
     <div className="relative">
diff --git a/app/routes/_admin.lg-admin._dashboard.subscribe-plan._index.tsx b/app/routes/_admin.lg-admin._dashboard.subscribe-plan._index.tsx
index e2b2d6d..ae6b7a3 100644
--- a/app/routes/_admin.lg-admin._dashboard.subscribe-plan._index.tsx
+++ b/app/routes/_admin.lg-admin._dashboard.subscribe-plan._index.tsx
@@ -1,13 +1,13 @@
 import { isRouteErrorResponse } from 'react-router'
 
-import { getSubscriptions } from '~/apis/common/get-subscriptions'
+import { getSubscribePlan } from '~/apis/common/get-subscribe-plan'
 import { SubscribePlanPage } from '~/pages/dashboard-subscribe-plan'
 
 import type { Route } from './+types/_admin.lg-admin._dashboard.subscribe-plan._index'
 
 export const loader = async ({}: Route.LoaderArgs) => {
-  const { data: subscriptionsData } = await getSubscriptions()
-  return { subscriptionsData }
+  const { data: subscribePlanData } = await getSubscribePlan()
+  return { subscribePlanData }
 }
 
 export const ErrorBoundary = ({ error }: Route.ErrorBoundaryProps) => {
diff --git a/app/routes/_admin.lg-admin._dashboard.subscribe-plan.update.$id.tsx b/app/routes/_admin.lg-admin._dashboard.subscribe-plan.update.$id.tsx
index 19878f5..473f14d 100644
--- a/app/routes/_admin.lg-admin._dashboard.subscribe-plan.update.$id.tsx
+++ b/app/routes/_admin.lg-admin._dashboard.subscribe-plan.update.$id.tsx
@@ -1,12 +1,12 @@
 import { isRouteErrorResponse } from 'react-router'
 
-import { getSubscriptions } from '~/apis/common/get-subscriptions'
+import { getSubscribePlan } from '~/apis/common/get-subscribe-plan'
 import { FormSubscribePlanPage } from '~/pages/form-subscribe-plan'
 
 import type { Route } from './+types/_admin.lg-admin._dashboard.subscribe-plan.update.$id'
 
 export const loader = async ({ params }: Route.LoaderArgs) => {
-  const { data: subscribePlansData } = await getSubscriptions()
+  const { data: subscribePlansData } = await getSubscribePlan()
   const { id } = params
   const subscribePlanData = subscribePlansData.find(
     (subscribePlan) => subscribePlan.id === id,
diff --git a/app/routes/_news.tsx b/app/routes/_news.tsx
index 6bbb011..6666bec 100644
--- a/app/routes/_news.tsx
+++ b/app/routes/_news.tsx
@@ -3,7 +3,7 @@ import { XiorError } from 'xior'
 
 import { getAds } from '~/apis/common/get-ads'
 import { getCategories } from '~/apis/common/get-categories'
-import { getSubscriptions } from '~/apis/common/get-subscriptions'
+import { getSubscribePlan } from '~/apis/common/get-subscribe-plan'
 import { getUser } from '~/apis/news/get-user'
 import { NewsProvider } from '~/contexts/news'
 import { NewsDefaultLayout } from '~/layouts/news/default'
@@ -25,13 +25,13 @@ export const loader = async ({ request }: Route.LoaderArgs) => {
       }
     }
   }
-  const { data: subscriptionsData } = await getSubscriptions()
+  const { data: subscribePlanData } = await getSubscribePlan()
   const { data: categoriesData } = await getCategories()
   const { data: adsData } = await getAds()
 
   return {
     userData,
-    subscriptionsData,
+    subscribePlanData,
     categoriesData,
     adsData,
   }
diff --git a/app/routes/actions.subscribe.ts b/app/routes/actions.subscribe.ts
index 6686137..e27badf 100644
--- a/app/routes/actions.subscribe.ts
+++ b/app/routes/actions.subscribe.ts
@@ -7,7 +7,7 @@ import { getUser } from '~/apis/news/get-user'
 import {
   subscribeSchema,
   type TSubscribeSchema,
-} from '~/layouts/news/form-subscription'
+} from '~/layouts/news/form-subscribe-plan'
 import { handleCookie } from '~/libs/cookies'
 
 import type { Route } from './+types/actions.subscribe'