From b15611919641d98438fe7fd90053231cd7838f66 Mon Sep 17 00:00:00 2001
From: snwy <snwy@snwy.me>
Date: Thu, 28 Mar 2024 10:46:08 -0400
Subject: [PATCH] api endpoint achieved :prayge:

---
 components/onboard/item.js | 13 +++++++------
 pages/api/board/[name].js  |  3 ++-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/onboard/item.js b/components/onboard/item.js
index fe408e09..fb02bbeb 100644
--- a/components/onboard/item.js
+++ b/components/onboard/item.js
@@ -1,6 +1,7 @@
 import {Box, Divider, Flex, Heading, Image, Paragraph} from "theme-ui";
 import {Link} from "theme-ui";
 import React, {useContext} from "react";
+import {OBJECT} from "swr/_internal";
 
 function trim(str) {
     return str.substring(1, str.length - 1)
@@ -28,14 +29,14 @@ const Item = ({ title, author_name, author_slack, image, project }) => {
                     alignItems: 'center'
                 }}
             >
-                <Image
-                    src={image}
-                    alt={title}
-                    sx={{
+                <object
+                    data={image}
+                    type={'image/svg+xml'}
+                    style={{
                         width: '100%',
-                        borderRadius: 8
+                        borderRadius: '8px'
                     }}
-                />
+                ></object>
                 <Link
                     href={`/onboard/board/${project.project_name}`}
                     sx={{
diff --git a/pages/api/board/[name].js b/pages/api/board/[name].js
index 7f59168f..0997c0a4 100644
--- a/pages/api/board/[name].js
+++ b/pages/api/board/[name].js
@@ -24,7 +24,8 @@ export const FetchProject = async (name) => {
     /*const thumbnail = await fetch(`https://github.com/snoglobe/OnBoard/raw/main/projects/${name}/thumbnail.png`, {mode: 'no-cors'})*/
     /*console.log(thumbnail)*/
     const image = /*thumbnail.ok ? `https://github.com/snoglobe/OnBoard/raw/main/projects/${name}/thumbnail.png`
-        :*/ `data:image/svg+xml;base64,${btoa((await gerberToSvg(`https://github.com/snoglobe/OnBoard/raw/main/projects/${name}/gerber.zip`)).top)}`
+        :*/ /*`data:image/svg+xml;base64,${btoa((await gerberToSvg(`https://github.com/snoglobe/OnBoard/raw/main/projects/${name}/gerber.zip`)).top)}`*/
+        `/api/board/svg/${encodeURIComponent(`https://github.com/snoglobe/OnBoard/raw/main/projects/${name}/gerber.zip`)}/top`
     console.log("done")
     return({
         project_name: name ?? null,