Merge pull request #475 from OpenCatalogi/publications

added publication page

pwa/gatsby-config.js

@@ -63,6 +63,10 @@ module.exports = {
             pathname: "/github/[md]",
             crumbLabel: "Markdown file",
           },
+          {
+            pathname: "/publications/[publicationId]",
+            crumbLabel: "Publication",
+          },
         ],
       },
     },

pwa/src/apiService/apiService.ts

@@ -17,6 +17,7 @@ import Login from "./services/login";
 import Me from "./services/me";
 import { DEFAULT_HEADER_CONTENT_URL } from "../templates/templateParts/header/HeaderTemplate";
 import HeaderContent from "./resources/headerContent";
+import Publication from "./resources/publication";
 
 export default class APIService {
   public JWT?: string;
@@ -100,6 +101,14 @@ export default class APIService {
     });
   }
 
+  public get PublicationClient(): AxiosInstance {
+    return axios.create({
+      baseURL: removeFileNameFromUrl(
+        "https://raw.githubusercontent.com/ConductionNL/OpenCatalogApp/feature/AQ212-8/publicatie-modal/docs/dcat_example.json",
+      ),
+    });
+  }
+
   // Resources
   public get Case(): Case {
     return new Case(this.apiClient);
@@ -145,6 +154,10 @@ export default class APIService {
     return new HeaderContent(this.HeaderContentClient);
   }
 
+  public get Publication(): Publication {
+    return new Publication(this.PublicationClient);
+  }
+
   // Services
   public get Login(): Login {
     return new Login(this.LoginClient);

pwa/src/apiService/resources/publication.ts

@@ -0,0 +1,16 @@
+import { Send } from "../apiService";
+import { AxiosInstance } from "axios";
+
+export default class Publication {
+  private _instance: AxiosInstance;
+
+  constructor(_instance: AxiosInstance) {
+    this._instance = _instance;
+  }
+
+  public getContent = async (fileName: string): Promise<any> => {
+    const { data } = await Send(this._instance, "GET", fileName);
+
+    return data;
+  };
+}

pwa/src/hooks/publication.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { useQuery } from "react-query";
+import APIService from "../apiService/apiService";
+import APIContext from "../apiService/apiContext";
+import { getFileNameFromUrl } from "../services/FileNameFromUrl";
+import { DEFAULT_HEADER_CONTENT_URL } from "../templates/templateParts/header/HeaderTemplate";
+
+export const usePublication = () => {
+  const API: APIService | null = React.useContext(APIContext);
+
+  const fileName = getFileNameFromUrl(
+    "https://raw.githubusercontent.com/ConductionNL/OpenCatalogApp/feature/AQ212-8/publicatie-modal/docs/dcat_example.json",
+  );
+
+  const getContent = () =>
+    useQuery<any, Error>(["contents", fileName], () => API?.Publication.getContent(fileName), {
+      onError: (error) => {
+        console.warn(error.message);
+      },
+    });
+
+  return { getContent };
+};

pwa/src/pages/components/ComponentsPage.tsx

@@ -1,5 +1,5 @@
-import { PageProps } from "gatsby";
 import * as React from "react";
+import { PageProps } from "gatsby";
 import { ComponentsTemplate } from "../../templates/components/ComponentsTemplate";
 
 const ComponentsPage: React.FC<PageProps> = () => {

pwa/src/pages/publications/PublicationsPage.tsx

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { PageProps } from "gatsby";
+import { ComponentsTemplate } from "../../templates/components/ComponentsTemplate";
+
+const PublicationsPage: React.FC<PageProps> = () => {
+  return <ComponentsTemplate />;
+};
+
+export default PublicationsPage;

pwa/src/pages/publications/[publicationId]/PublicationsDetailPage.tsx

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { PageProps } from "gatsby";
+import { PublicationsDetailTemplate } from "../../../templates/publicationDetail/PublicationsDetailTemplate";
+
+const PublicationsDetailPage: React.FC<PageProps> = (props: PageProps) => {
+  return <PublicationsDetailTemplate publicationId={props.params.componentId} />;
+};
+export default PublicationsDetailPage;

pwa/src/pages/publications/[publicationId]/index.tsx

@@ -0,0 +1,3 @@
+import PublicationsDetailPage from "./PublicationsDetailPage";
+
+export default PublicationsDetailPage;

pwa/src/pages/publications/index.tsx

@@ -0,0 +1,3 @@
+import PublicationsPage from "./PublicationsPage";
+
+export default PublicationsPage;