feat: refactor project details handling with createProjectDetails uti…

…lity - also populates `classification` in projectDetails
Plant-for-the-Planet-org · Nov 12, 2024 · 330aeda · 330aeda
1 parent e80151a
commit 330aeda
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 37 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -20,6 +20,7 @@ import {
   ContactDetails,
 } from "@planet-sdk/common/build/types/donation";
 import { GetServerSideProps } from "next/types";
+import { createProjectDetails } from "src/Utils/createProjectDetails";
 
 interface Props {
   projectDetails?: FetchedProjectDetails;
@@ -250,7 +251,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     const queryCountry = context.query.country;
     const found = countriesData.some(
       (country) =>
-        country.countryCode?.toUpperCase() === queryCountry.toUpperCase(),
+        country.countryCode?.toUpperCase() === queryCountry.toUpperCase()
     );
     if (found) {
       country = queryCountry.toUpperCase();
@@ -276,18 +277,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
         const paymentOptionsResponse = await apiRequest(requestParams);
         const paymentOptionsData: PaymentOptions = paymentOptionsResponse?.data;
         if (paymentOptionsData) {
-          projectDetails = {
-            id: paymentOptionsData.id,
-            name: paymentOptionsData.name,
-            description: paymentOptionsData.description,
-            purpose: paymentOptionsData.purpose,
-            ownerName: paymentOptionsData.ownerName,
-            taxDeductionCountries: paymentOptionsData.taxDeductionCountries,
-            image: paymentOptionsData.image,
-            ownerAvatar: paymentOptionsData.ownerAvatar,
-            isApproved: paymentOptionsData.isApproved ? true : false,
-            isTopProject: paymentOptionsData.isTopProject ? true : false,
-          };
+          projectDetails = createProjectDetails(paymentOptionsData);
           donationStep = 1;
         }
       } catch (err) {
@@ -360,18 +350,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
           if (paymentSetupData) {
             currency = paymentSetupData.currency;
             paymentSetup = paymentSetupData;
-            projectDetails = {
-              id: paymentSetupData.id,
-              name: paymentSetupData.name,
-              description: paymentSetupData.description,
-              purpose: paymentSetupData.purpose,
-              ownerName: paymentSetupData.ownerName,
-              taxDeductionCountries: paymentSetupData.taxDeductionCountries,
-              image: paymentSetupData.image,
-              ownerAvatar: paymentSetupData.ownerAvatar,
-              isApproved: paymentSetupData.isApproved ? true : false,
-              isTopProject: paymentSetupData.isTopProject ? true : false,
-            };
+            projectDetails = createProjectDetails(paymentSetupData);
             donationStep = 3;
           }
         } catch (err) {

diff --git a/src/Layout/QueryParamContext.tsx b/src/Layout/QueryParamContext.tsx
@@ -40,6 +40,7 @@ import {
 import ErrorPopup from "src/Common/ErrorPopup/ErrorPopup";
 import { APIError, handleError, SerializedError } from "@planet-sdk/common";
 import { PaymentRequest } from "@stripe/stripe-js/types/stripe-js/payment-request";
+import { createProjectDetails } from "src/Utils/createProjectDetails";
 
 export const QueryParamContext =
   createContext<QueryParamContextInterface>(null);
@@ -509,18 +510,7 @@ const QueryParamProvider: FC = ({ children }) => {
 
           setpaymentSetup(paymentSetup);
         }
-        setprojectDetails({
-          id: paymentSetup.id,
-          name: paymentSetup.name,
-          description: paymentSetup.description,
-          purpose: paymentSetup.purpose,
-          ownerName: paymentSetup.ownerName,
-          taxDeductionCountries: paymentSetup.taxDeductionCountries,
-          image: paymentSetup.image,
-          ownerAvatar: paymentSetup.ownerAvatar,
-          isApproved: paymentSetup.isApproved ? true : false,
-          isTopProject: paymentSetup.isTopProject ? true : false,
-        });
+        setprojectDetails(createProjectDetails(paymentSetup));
       }
       setIsPaymentOptionsLoading(false);
     } catch (err) {

diff --git a/src/Utils/createProjectDetails.ts b/src/Utils/createProjectDetails.ts
@@ -0,0 +1,38 @@
+import { FetchedProjectDetails, PaymentOptions } from "src/Common/Types";
+
+export const createProjectDetails = (
+  paymentOptions: PaymentOptions
+): FetchedProjectDetails => {
+  const baseDetails = {
+    id: paymentOptions.id,
+    name: paymentOptions.name,
+    description: paymentOptions.description,
+    ownerName: paymentOptions.ownerName,
+    taxDeductionCountries: paymentOptions.taxDeductionCountries,
+    image: paymentOptions.image,
+    ownerAvatar: paymentOptions.ownerAvatar,
+    isApproved: !!paymentOptions.isApproved,
+    isTopProject: !!paymentOptions.isTopProject,
+  };
+
+  switch (paymentOptions.purpose) {
+    case "trees":
+      return {
+        ...baseDetails,
+        purpose: "trees",
+        classification: paymentOptions.classification,
+      };
+    case "funds":
+      return {
+        ...baseDetails,
+        purpose: "funds",
+        classification: paymentOptions.classification,
+      };
+    default:
+      return {
+        ...baseDetails,
+        purpose: paymentOptions.purpose,
+        classification: null,
+      };
+  }
+};