Deployment

src/components/OpportunityCards/OpportunityCards.tsx

@@ -90,7 +90,7 @@ export function OpportunityCards() {
 
       {selectedTabIndex === 0 ? (
         <Cards
-          url={`${urlApiOpportunity}`}
+          url={`${urlApiOpportunity}/legacy`} // external API endpoint for opportunity cards
           opportunityParams={{
             search: {
               status: ["Volunteers Needed", "Search in process"],

src/components/forms/AddOpportunity/index.tsx

@@ -63,7 +63,7 @@ export default function AddOpportunity() {
   const { postRequest } = usePostRequest<
     OpportunityParsedData,
     Record<string, string | string[]>
-  >({ url: `${urlApi}/api/opportunity/` });
+  >({ url: `${urlApi}/api/opportunity/legacy` }); // external API endpoint for form submission
 
   const formOpportunity = useForm<OpportunityData>({
     defaultValues: {

src/components/forms/BecomeVolunteer/index.tsx

@@ -48,7 +48,7 @@ export default function BecomeVolunteer() {
   const { postRequest } = usePostRequest<
     VolunteerParsedData,
     Record<string, string | string[]>
-  >({ url: `${urlApi}/api/volunteer/` });
+  >({ url: `${urlApi}/api/volunteer/legacy` }); // external API endpoint for form submission
 
   const opportunity: OpportunityInfo = {
     id: opportunityParams.get("id") || "",

src/components/forms/index.tsx

@@ -1,18 +1,17 @@
-import AddOpportunity from "./AddOpportunity";
-import BecomeVolunteer from "./BecomeVolunteer";
+import { Lang } from "need4deed-sdk";
+import { useTranslation } from "react-i18next";
+import { getExternalUrl } from "../../utils";
 import { FormType } from "./types";
 
 interface Props {
   form: FormType;
 }
 
 export default function Form({ form }: Props) {
-  switch (form) {
-    case FormType.VOLUNTEER:
-      return <BecomeVolunteer />;
-    case FormType.OPPORTUNITY:
-      return <AddOpportunity />;
-    default:
-      return null;
-  }
+  const { i18n } = useTranslation();
+
+  // Redirect to the external form URL based on the current language and form type
+  const to = getExternalUrl(i18n.language as Lang, form);
+  window.location.replace(to);
+  return null;
 }