Fix missing pages.

Author: HaudinFlorence

src/components/fundable/LargeProjectCard.tsx

@@ -1,6 +1,5 @@
 import styles from "./styles.module.css";
 import React from "react";
-import IconContainer from "./IconContainer";
 import LinkToGetAQuote from "./LinkToGetAQuote";
 import { useHistory, useLocation } from "@docusaurus/router";
 
@@ -43,9 +42,22 @@ export default function LargeProjectCard({ project }) {
             <LargeProjectCardContent project={project} />
             <div className="row">
                 <div className="col col--12">
-                    <div><LinkToGetAQuote label={"GET A QUOTE"} pageName={project.pageName} /></div>
+                   <div><LinkToGetAQuote label={"GET A QUOTE"} pageName={project.pageName} /></div>
                 </div>
             </div>
         </div>
     );
 }
+/*
+export default function LargeProjectCard({ project }) {
+    return (
+        <div className={styles.large_project_card}>
+            <LargeProjectCardContent project={project} />
+            <div className="row">
+                <div className="col col--12">
+                    <div><LinkToGetAQuote label={"GET A QUOTE"} pageName={project.pageName} /></div>
+                </div>
+            </div>
+        </div>
+    );
+}*/

src/components/fundable/LargeProjectCardPage.tsx

@@ -1,12 +1,12 @@
-import { useHistory, useLocation } from "@docusaurus/router";
-import { useEffect } from "react";
-import styles from "./styles.module.css";
-import LargeProjectCard from "./LargeProjectCard";
-import { getCategoryFromProjectPageName } from ".";
-import FundableProjects from ".";
-import Layout from "@theme/Layout";
+import React from 'react';
+import Layout from '@theme/Layout';
+import { useHistory, useLocation } from '@docusaurus/router';
+import { useEffect } from 'react';
 import { Route } from 'react-router-dom';
-
+import { getCategoryFromProjectPageName } from ".";
+import styles from "@site/src/components/about/styles.module.css";
+import FundableProjects from '.';
+import LargeProjectCard from './LargeProjectCard';
 
 export default function LargeProjectCardPage() {
   const location = useLocation();
@@ -51,6 +51,7 @@ export default function LargeProjectCardPage() {
           const { pageName } = match.params; /* extract the dynamic part from the url i.e. the pageName*/
           const projectsByCategory = getCategoryFromProjectPageName(pageName);
           const project = projectsByCategory.find((project) => project.pageName === pageName);
+          console.log('project:', project)
           if (!project) return null;
 
           return (
@@ -68,12 +69,13 @@ export default function LargeProjectCardPage() {
                   }}
                   onClick={handleClose}
                 />
-                <LargeProjectCard project={project} />
+                <LargeProjectCard project={project}/>
               </div>
             </div>
           );
         }}
       />
     </Layout>
   )
-}
+}
+

src/components/fundable/LinkToGetAQuote.tsx

@@ -0,0 +1,16 @@
+import styles from "./styles.module.css";
+import Link from "@docusaurus/Link";
+
+export default function LinkToGetAQuote({ label, pageName }) {
+    console.log('PageName:', pageName)
+    return (
+        <div className="flex-full-centered">
+            <Link
+                className={"link-to-button" + " " + styles.link_to_services}
+                href={"/fundable/" + pageName+'/GetAQuote'}
+            >
+                {label}
+            </Link>
+        </div>
+    );
+}

src/pages/fundable/JupyterGISRasterProcessing/GetAQuote.tsx

@@ -0,0 +1,9 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import GetAQuotePage from '@site/src/components/fundable/GetAQuotePage';
+
+export default function FundablePage() {
+    const { siteConfig } = useDocusaurusContext();
+    return (
+      <GetAQuotePage/>
+    );
+}

src/pages/fundable/JupyterGISRasterProcessing/index.tsx

@@ -0,0 +1,9 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import LargeProjectCardPage from '@site/src/components/fundable/LargeProjectCardPage';
+
+export default function FundablePage() {
+    const { siteConfig } = useDocusaurusContext();
+    return (
+       <LargeProjectCardPage/>
+    );
+}

src/pages/fundable/NbConvertModernization/GetAQuote.tsx

@@ -0,0 +1,9 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import GetAQuotePage from '@site/src/components/fundable/GetAQuotePage';
+
+export default function FundablePage() {
+    const { siteConfig } = useDocusaurusContext();
+    return (
+      <GetAQuotePage/>
+    );
+}

src/pages/fundable/NbConvertModernization/index.tsx

@@ -0,0 +1,9 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import LargeProjectCardPage from '@site/src/components/fundable/LargeProjectCardPage';
+
+export default function FundablePage() {
+    const { siteConfig } = useDocusaurusContext();
+    return (
+       <LargeProjectCardPage/>
+    );
+}

src/pages/fundable/index.tsx

@@ -0,0 +1,14 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import Layout from '@theme/Layout';
+import FundableProjects from '@site/src/components/fundable';
+import Footer from '@site/src/components/footer/Footer';
+
+export default function FundablePage(): JSX.Element {
+  const { siteConfig } = useDocusaurusContext();
+  return (
+    <Layout>
+      <FundableProjects />
+      <Footer/>
+    </Layout>
+  );
+}