Add Header, Footer, Basic Search

Website/modules/interfaces/IManga.tsx

@@ -0,0 +1,34 @@
+import IMangaConnector from "./IMangaConnector";
+import KeyValuePair from "./KeyValuePair";
+import {Manga} from "../Manga";
+import {ReactElement} from "react";
+
+export default interface IManga{
+    "sortName": string,
+    "authors": string[],
+    "altTitles": KeyValuePair[],
+    "description": string,
+    "tags": string[],
+    "coverUrl": string,
+    "coverFileNameInCache": string,
+    "links": KeyValuePair[],
+    "year": number,
+    "originalLanguage": string,
+    "releaseStatus": number,
+    "folderName": string,
+    "publicationId": string,
+    "internalId": string,
+    "ignoreChaptersBelow": number,
+    "latestChapterDownloaded": number,
+    "latestChapterAvailable": number,
+    "websiteUrl": string,
+    "mangaConnector": IMangaConnector
+}
+
+export function HTMLFromIManga(manga: IManga) : ReactElement {
+    return (<div className="Manga" key={manga.internalId}>
+        <p>{manga.sortName}</p>
+        <p>Description: {manga.description}</p>
+        <p>MangaConnector: {manga.mangaConnector.name}</p>
+    </div>)
+}

Website/modules/interfaces/IMangaConnector.tsx

@@ -0,0 +1,5 @@
+export default interface IMangaConnector {
+    SupportedLanguages: string[];
+    name: string;
+    BaseUris: string[];
+}

Website/modules/interfaces/KeyValuePair.tsx

@@ -0,0 +1,4 @@
+export default interface KeyValuePair {
+    key: string;
+    value: string;
+}