From f3b9a47ade6b661c0828cb85fb49ba0a53e35915 Mon Sep 17 00:00:00 2001
From: anna <anna.ho@2fi-solutions.com.hk>
Date: Fri, 29 Dec 2023 18:27:29 +0800
Subject: [PATCH] TODO: export excel

---
 .../SearchPage/OrganizationSearchForm.js      | 24 ++++++++++++++++++-
 src/pages/Organization/SearchPage/index.js    |  3 ++-
 src/utils/ApiPathConst.js                     |  1 +
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/pages/Organization/SearchPage/OrganizationSearchForm.js b/src/pages/Organization/SearchPage/OrganizationSearchForm.js
index 5c1f317..a406efe 100644
--- a/src/pages/Organization/SearchPage/OrganizationSearchForm.js
+++ b/src/pages/Organization/SearchPage/OrganizationSearchForm.js
@@ -11,6 +11,9 @@ import { useForm } from "react-hook-form";
 
 import { useState } from "react";
 import * as React from "react";
+
+import * as UrlUtils from "../../../utils/ApiPathConst";
+import * as HttpUtils from "../../../utils/HttpUtils";
 // ==============================|| DASHBOARD - DEFAULT ||============================== //
 
 
@@ -41,6 +44,12 @@ const OrganizationSearchForm = ({ applySearch }) => {
         reset();
     }
 
+    const doExport=()=>{
+        HttpUtils.get({
+            url: UrlUtils.GET_ORG_EXPORT
+        });
+    }
+
     return (
         <MainCard xs={12} md={12} lg={12}
             border={false}
@@ -97,7 +106,7 @@ const OrganizationSearchForm = ({ applySearch }) => {
                             {...register("searchCreditor")}
                             control={<Checkbox/>}
                             label="Search Creditor Only"
-                            id="    "
+                            id="searchCreditor"
                         />
                     </Grid>
 
@@ -107,6 +116,19 @@ const OrganizationSearchForm = ({ applySearch }) => {
                 {/*last row*/}
                 <Grid container maxWidth justifyContent="flex-end">
 
+                <Grid item sx={{ ml: 3, mr: 3, mb: 3, mt: 3 }}>
+                        <Button
+                            size="large"
+                            variant="contained"
+                            onClick={doExport}
+                            sx={{
+                                textTransform: 'capitalize',
+                                alignItems: 'end'
+                            }}>
+                            <Typography variant="h5">Export</Typography>
+                        </Button>
+                    </Grid>
+
                     <Grid item sx={{ ml: 3, mr: 3, mb: 3, mt: 3 }}>
                         <Button
                             size="large"
diff --git a/src/pages/Organization/SearchPage/index.js b/src/pages/Organization/SearchPage/index.js
index 5660b12..770549f 100644
--- a/src/pages/Organization/SearchPage/index.js
+++ b/src/pages/Organization/SearchPage/index.js
@@ -6,8 +6,9 @@ import MainCard from "../../../components/MainCard";
 
 import { useEffect, useState } from "react";
 import * as UrlUtils from "../../../utils/ApiPathConst";
-import * as React from "react";
 import * as HttpUtils from "../../../utils/HttpUtils";
+import * as React from "react";
+
 
 // import LoadingComponent from "../extra-pages/LoadingComponent";
 // import SearchForm from "./OrganizationSearchForm";
diff --git a/src/utils/ApiPathConst.js b/src/utils/ApiPathConst.js
index 5e4c319..a87cd0c 100644
--- a/src/utils/ApiPathConst.js
+++ b/src/utils/ApiPathConst.js
@@ -29,6 +29,7 @@ export const GET_ORG_COMBO = apiPath+'/org/combo';
 export const GET_ORG_CHECK_CREDITOR = apiPath+'/org/check-creditor';
 export const GET_ORG_MARK_AS_CREDITOR = apiPath+'/org/mark-as-creditor';
 export const GET_ORG_MARK_AS_NON_CREDITOR = apiPath+'/org/mark-as-non-creditor';
+export const GET_ORG_EXPORT = apiPath+'/org/export';