New direction, no looped fetch

frontend-react/src/components/Markdown/MarkdownDirectory.test.ts

@@ -0,0 +1,20 @@
+import { MarkdownDirectory } from "./MarkdownDirectory";
+
+describe("MarkdownDirectory", () => {
+    const testDir = new MarkdownDirectory({
+        title: "Test Dir",
+        root: "/test/dir",
+        files: ["testFile.md"],
+    });
+
+    test("renders with params", () => {
+        expect(testDir.title).toEqual("Test Dir");
+        expect(testDir.root).toEqual("/test/dir");
+        expect(testDir.files).toEqual(["testFile.md"]);
+    });
+
+    test("getUrl", () => {
+        expect(testDir.getUrl("testFile.md")).toEqual("/test/dir/testFile.md");
+        expect(testDir.getUrl("noFile.md")).toEqual(undefined);
+    });
+});

frontend-react/src/components/Markdown/MarkdownDirectory.ts

@@ -0,0 +1,34 @@
+export interface MarkdownPageProps {
+    directories: MarkdownDirectory[];
+}
+
+interface MarkdownDirectoryInit {
+    title: string;
+    root: string;
+    files: string[];
+}
+
+export class MarkdownDirectory {
+    title: string;
+    root: string;
+    files: string[];
+
+    constructor({ title, root, files }: MarkdownDirectoryInit) {
+        this.title = title;
+        this.root = root;
+        this.files = files;
+    }
+
+    getUrl(item: string) {
+        if (!this.files.includes(item)) return undefined;
+        return `${this.root}/${item}`;
+    }
+}
+
+export const MadeForYouDirectories = [
+    new MarkdownDirectory({
+        title: "March 2022",
+        root: "/content/made-for-you/2022-march",
+        files: ["update-2022-03-01.md, update-2022-03-15.md"],
+    }),
+];

frontend-react/src/pages/made-for-you/MadeForYou.tsx

@@ -0,0 +1,10 @@
+import { MarkdownPageProps } from "../../components/Markdown/MarkdownDirectory";
+import { MarkdownContent } from "../../components/Markdown/MarkdownContent";
+
+const MadeForYou = ({ directories }: MarkdownPageProps) => {
+    return directories.forEach((dir) => {
+        dir.files.map((file) => (
+            <MarkdownContent markdownUrl={dir.getUrl(file)} />
+        ));
+    });
+};