add hook for organizationtypes

Author: sanjaypinna

app/[locale]/dashboard/[entityType]/[entitySlug]/profile/orgProfile.tsx

@@ -5,11 +5,11 @@ import {
   ApiOrganizationOrganizationTypesEnum,
   OrganizationInputPartial,
 } from '@/gql/generated/graphql';
+import { useOrganizationTypes } from '@/hooks/useOrganizationTypes';
 import { useMutation, useQuery } from '@tanstack/react-query';
 import { Button, DropZone, Select, Text, TextField, toast } from 'opub-ui';
 
 import { GraphQL } from '@/lib/api';
-import { organizationTypes } from '../../page';
 
 const OrgDetails: any = graphql(`
   query orgDetails($slug: String) {
@@ -63,7 +63,7 @@ const OrgProfile = () => {
       }
     )
   );
-
+  const { organizationTypes } = useOrganizationTypes();
   useEffect(() => {
     if (orgDetails.data) {
       setFormData({
@@ -112,7 +112,6 @@ const OrgProfile = () => {
     }
   );
   const handleSave = () => {
-
     // Create mutation input with only changed fields
     const inputData: OrganizationInputPartial = {
       name: formData.name,

app/[locale]/dashboard/[entityType]/page.tsx

@@ -15,30 +15,14 @@ import LoadingPage from '../loading';
 import styles from './../components/styles.module.scss';
 import { allOrganizationsListingDoc, organizationCreationMutation } from './schema';
 import { ApiOrganizationOrganizationTypesEnum, OrganizationInput } from '@/gql/generated/graphql';
+import { useOrganizationTypes } from '@/hooks/useOrganizationTypes';
+
 
 
-export const organizationTypes = [
-  { label: 'State Government', value: ApiOrganizationOrganizationTypesEnum.StateGovernment },
-  { label: 'Union Territory Government', value: ApiOrganizationOrganizationTypesEnum.UnionTerritoryGovernment },
-  { label: 'Urban Local Body', value: ApiOrganizationOrganizationTypesEnum.UrbanLocalBody },
-  { label: 'Academic Institution', value: ApiOrganizationOrganizationTypesEnum.AcademicInstitution },
-  { label: 'Central Government', value: ApiOrganizationOrganizationTypesEnum.CentralGovernment },
-  { label: 'Citizens Group', value: ApiOrganizationOrganizationTypesEnum.CitizensGroup },
-  { label: 'Civil Society Organisation', value: ApiOrganizationOrganizationTypesEnum.CivilSocietyOrganisation },
-  { label: 'Industry Body', value: ApiOrganizationOrganizationTypesEnum.IndustryBody },
-  { label: 'Media Organisation', value: ApiOrganizationOrganizationTypesEnum.MediaOrganisation },
-  { label: 'Open Data Technology Community', value: ApiOrganizationOrganizationTypesEnum.OpenDataTechnologyCommunity },
-  { label: 'Private Company', value: ApiOrganizationOrganizationTypesEnum.PrivateCompany },
-  { label: 'Public Sector Company', value: ApiOrganizationOrganizationTypesEnum.PublicSectorCompany },
-  { label: 'Others', value: ApiOrganizationOrganizationTypesEnum.Others },
-  { label: 'Startup', value: ApiOrganizationOrganizationTypesEnum.Startup },
-  { label: 'Government', value: ApiOrganizationOrganizationTypesEnum.Government },
-  { label: 'Corporations', value: ApiOrganizationOrganizationTypesEnum.Corporations },
-  { label: 'NGO', value: ApiOrganizationOrganizationTypesEnum.Ngo }
-];
 
 const Page = () => {
   const pathname = usePathname();
+  const {organizationTypes} = useOrganizationTypes();
 
   const params = useParams<{ entityType: string }>();
 

hooks/useOrganizationTypes.ts

@@ -0,0 +1,25 @@
+import { ApiOrganizationOrganizationTypesEnum } from '@/gql/generated/graphql';
+
+export const useOrganizationTypes = () => {
+  const organizationTypes = [
+    { label: 'State Government', value: ApiOrganizationOrganizationTypesEnum.StateGovernment },
+    { label: 'Union Territory Government', value: ApiOrganizationOrganizationTypesEnum.UnionTerritoryGovernment },
+    { label: 'Urban Local Body', value: ApiOrganizationOrganizationTypesEnum.UrbanLocalBody },
+    { label: 'Academic Institution', value: ApiOrganizationOrganizationTypesEnum.AcademicInstitution },
+    { label: 'Central Government', value: ApiOrganizationOrganizationTypesEnum.CentralGovernment },
+    { label: 'Citizens Group', value: ApiOrganizationOrganizationTypesEnum.CitizensGroup },
+    { label: 'Civil Society Organisation', value: ApiOrganizationOrganizationTypesEnum.CivilSocietyOrganisation },
+    { label: 'Industry Body', value: ApiOrganizationOrganizationTypesEnum.IndustryBody },
+    { label: 'Media Organisation', value: ApiOrganizationOrganizationTypesEnum.MediaOrganisation },
+    { label: 'Open Data Technology Community', value: ApiOrganizationOrganizationTypesEnum.OpenDataTechnologyCommunity },
+    { label: 'Private Company', value: ApiOrganizationOrganizationTypesEnum.PrivateCompany },
+    { label: 'Public Sector Company', value: ApiOrganizationOrganizationTypesEnum.PublicSectorCompany },
+    { label: 'Others', value: ApiOrganizationOrganizationTypesEnum.Others },
+    { label: 'Startup', value: ApiOrganizationOrganizationTypesEnum.Startup },
+    { label: 'Government', value: ApiOrganizationOrganizationTypesEnum.Government },
+    { label: 'Corporations', value: ApiOrganizationOrganizationTypesEnum.Corporations },
+    { label: 'NGO', value: ApiOrganizationOrganizationTypesEnum.Ngo }
+  ];
+
+  return { organizationTypes };
+};