fix(project): make sure the project cover is displayed

Next.js does not support the dynamic import of images. Sometimes the
images was displayed and other times the loading did not finish. So
even if I would like to keep the content in a same place, I choose to
put the projects covers inside the public directory. Then I use a
hasCover boolean to determine if the project cover need to be printed.

1 files changed, 11 insertions, 10 deletions

diff --git a/src/ts/types/app.ts b/src/ts/types/app.ts
index ddd64d1..636aeed 100644
--- a/src/ts/types/app.ts
+++ b/src/ts/types/app.ts
@@ -94,15 +94,6 @@ export type Meta = {
   updatedOn: string;
 };
 
-export type ProjectMeta = Omit<Meta, 'title'> & {
-  license: string;
-  repos?: {
-    github?: string;
-    gitlab?: string;
-  };
-  technologies?: string[];
-};
-
 export type PageInfo = {
   endCursor: string;
   hasNextPage: boolean;
@@ -110,7 +101,7 @@ export type PageInfo = {
 };
 
 export type Project = {
-  cover: string;
+  cover?: string;
   id: string;
   intro: string;
   meta: ProjectMeta;
@@ -123,6 +114,16 @@ export type Project = {
   };
 };
 
+export type ProjectMeta = Omit<Meta, 'title'> & {
+  hasCover: boolean;
+  license: string;
+  repos?: {
+    github?: string;
+    gitlab?: string;
+  };
+  technologies?: string[];
+};
+
 export type ProjectProps = {
   project: Project;
 };