From d9eb69ff5b5b515fe8653dc892f47150e5cd5ead Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 27 Sep 2022 15:42:30 +0300
Subject: [PATCH] fix: QA improvements to project modal

---
 .../ProjectDetailsCard/ProjectDetailsCard.tsx |  34 +-
 src/mocks/data/projects.ts                    | 654 +++++++++++++++++-
 2 files changed, 644 insertions(+), 44 deletions(-)

diff --git a/src/features/Projects/pages/ProjectPage/ProjectDetailsCard/ProjectDetailsCard.tsx b/src/features/Projects/pages/ProjectPage/ProjectDetailsCard/ProjectDetailsCard.tsx
index e06628a..879360b 100644
--- a/src/features/Projects/pages/ProjectPage/ProjectDetailsCard/ProjectDetailsCard.tsx
+++ b/src/features/Projects/pages/ProjectPage/ProjectDetailsCard/ProjectDetailsCard.tsx
@@ -8,20 +8,21 @@ import Button from 'src/Components/Button/Button';
 import ProjectCardSkeleton from './ProjectDetailsCard.Skeleton'
 // import VoteButton from 'src/features/Projects/pages/ProjectPage/VoteButton/VoteButton';
 import { NotificationsService, Wallet_Service } from 'src/services'
-import { ProjectPermissionEnum, useProjectDetailsQuery } from 'src/graphql';
+import { ProjectLaunchStatusEnum, ProjectPermissionEnum, useProjectDetailsQuery } from 'src/graphql';
 import Lightbox from 'src/Components/Lightbox/Lightbox'
 import linkifyHtml from 'linkify-html';
 import ErrorMessage from 'src/Components/Errors/ErrorMessage/ErrorMessage';
 import { setVoteAmount } from 'src/redux/features/vote.slice';
 import { numberFormatter } from 'src/utils/helperFunctions';
 import { MEDIA_QUERIES } from 'src/utils/theme';
-import { FaDiscord, FaTimes } from 'react-icons/fa';
-import { FiGithub, FiGlobe, FiTwitter } from 'react-icons/fi';
+import { FaDiscord, } from 'react-icons/fa';
+import { FiEdit2, FiGithub, FiGlobe, FiTwitter } from 'react-icons/fi';
 import CopyToClipboard from 'react-copy-to-clipboard';
 import Badge from 'src/Components/Badge/Badge';
 import Avatar from 'src/features/Profiles/Components/Avatar/Avatar';
 import { Link } from 'react-router-dom';
 import { createRoute } from 'src/utils/routing';
+import { IoMdClose } from 'react-icons/io';
 
 
 interface Props extends ModalCard {
@@ -142,24 +143,27 @@ export default function ProjectDetailsCard({ direction, projectId, ...props }: P
             className={`modal-card max-w-[676px] ${(props.isPageModal && !isMdScreen) && '!rounded-0 w-full min-h-screen'}`}
         >
             {/* Cover Image */}
-            <div className="relative h-[100px] lg:h-[80px]">
+            <div className="relative h-[120px] lg:h-[80px]">
                 <img className="w-full h-full object-cover" src={project.cover_image} alt="" />
-                <button className="w-32 h-32  bg-gray-600 bg-opacity-80 text-white absolute top-24 right-24 rounded-full hover:bg-gray-800 text-center flex flex-col justify-center items-center" onClick={closeModal}><FaTimes className=' inline-block' /></button>
+                <div className="absolute top-16 md:top-24 left-24 flex gap-8 bg-gray-800 bg-opacity-60 text-white rounded-48 py-4 px-12 text-body6 font-medium">
+                    {project.launch_status === ProjectLaunchStatusEnum.Launched && `🚀 Launched`}
+                    {project.launch_status === ProjectLaunchStatusEnum.Wip && `🔧 WIP`}
+                </div>
+                <div className="absolute top-16 md:top-24 right-24 flex gap-8">
+                    {project.permissions.includes(ProjectPermissionEnum.UpdateInfo) &&
+                        <Link className="w-32 h-32  bg-gray-800 bg-opacity-60 text-white rounded-full hover:bg-opacity-40 text-center flex flex-col justify-center items-center" onClick={() => props.onClose?.()} to={createRoute({ type: "edit-project", id: project.id })}><FiEdit2 /></Link>}
+                    <button className="w-32 h-32  bg-gray-800 bg-opacity-60 text-white rounded-full hover:bg-opacity-40 text-center flex flex-col justify-center items-center" onClick={closeModal}><IoMdClose className=' inline-block' /></button>
+                </div>
             </div>
             <div className="p-24 flex flex-col gap-24">
 
-                {project.permissions.includes(ProjectPermissionEnum.UpdateInfo) &&
-                    <div className='flex justify-end'>
-                        <Button color='gray' size='sm' className='ml-auto' onClick={() => props.onClose?.()} href={createRoute({ type: "edit-project", id: project.id })}>Edit Project</Button>
-                    </div>}
-
                 {/* Title & Basic Info */}
-                <div className="flex flex-col mt-[-80px] md:flex-row md:mt-0 gap-24 items-start relative">
+                <div className="flex flex-col mt-[-80px] md:flex-row md:mt-0 gap-24 md:items-center relative">
                     <div className="flex-shrink-0 w-[108px] h-[108px]">
                         <img className="w-full h-full border-2 border-white rounded-24" src={project.thumbnail_image} alt="" />
                     </div>
                     <div className='flex flex-col gap-8 items-start justify-between'>
-                        <h3 className="text-body1 font-bold">{project.title}</h3>
+                        <a href={project.website} target='_blank' rel="noreferrer"><h3 className="text-body1 font-bold">{project.title}</h3></a>
                         <p className="text-body4 text-gray-600">{project.tagline}</p>
                         <div>
                             <span className="font-medium text-body4 text-gray-600">{project.category.icon} {project.category.title}</span>
@@ -184,7 +188,7 @@ export default function ProjectDetailsCard({ direction, projectId, ...props }: P
 
                 {/* About */}
                 <div>
-                    <p className="text-body5 text-gray-400 mb-8">About</p>
+                    <p className="text-body6 uppercase font-medium text-gray-400 mb-8">About</p>
                     <div className=" text-body4 text-gray-600 leading-normal whitespace-pre-line" dangerouslySetInnerHTML={{
                         __html: linkifyHtml(project.description, {
                             className: ' text-blue-500 underline',
@@ -243,7 +247,7 @@ export default function ProjectDetailsCard({ direction, projectId, ...props }: P
 
                 {project.capabilities.length > 0 &&
                     <div>
-                        <p className="text-body5 text-gray-400 mb-8">CAPABILITIES</p>
+                        <p className="text-body6 uppercase font-medium text-gray-400 mb-8">CAPABILITIES</p>
                         <div className="flex flex-wrap gap-8">
                             {project.capabilities.map(cap => <Badge key={cap.id} size='sm'>{cap.icon} {cap.title}</Badge>)}
                         </div>
@@ -251,7 +255,7 @@ export default function ProjectDetailsCard({ direction, projectId, ...props }: P
                 <hr className="" />
                 {project.members.length > 0 &&
                     <div>
-                        <p className="text-body5 text-gray-400 mb-8">MAKERS</p>
+                        <p className="text-body6 uppercase font-medium text-gray-400 mb-8">MAKERS</p>
                         <div className="flex flex-wrap gap-8">
                             {project.members.map(m => <Link key={m.user.id} to={createRoute({ type: "profile", id: m.user.id, username: m.user.name })}>
                                 <Avatar
diff --git a/src/mocks/data/projects.ts b/src/mocks/data/projects.ts
index df71fc1..1394b8e 100644
--- a/src/mocks/data/projects.ts
+++ b/src/mocks/data/projects.ts
@@ -1,4 +1,5 @@
-import { Project, ProjectCategory } from "src/utils/interfaces";
+import { Project, ProjectPermissionEnum } from "src/graphql";
+import { ProjectCategory } from "src/utils/interfaces";
 
 
 export let categories = [
@@ -93,9 +94,29 @@ export let projects = [
         "lightning_address": "hello@getalby.com",
         "votes_count": 335,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 9,
-            "title": "Misc / Other"
+            "title": "Misc / Other",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -109,9 +130,29 @@ export let projects = [
         "lightning_address": "divineorgan67@walletofsatoshi.com",
         "votes_count": 232,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 1,
-            "title": "Finance"
+            "title": "Finance",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -129,9 +170,29 @@ export let projects = [
         "lightning_address": "johns@getalby.com",
         "votes_count": 220,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 1,
-            "title": "Finance"
+            "title": "Finance",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -145,9 +206,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 205,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 7,
-            "title": "Media & News"
+            "title": "Media & News",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -161,9 +242,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 45,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 7,
-            "title": "Media & News"
+            "title": "Media & News",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -177,9 +278,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 25,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 8,
-            "title": "Shopping"
+            "title": "Shopping",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -193,9 +314,29 @@ export let projects = [
         "lightning_address": "johns@getalby.com",
         "votes_count": 11,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 3,
-            "title": "Art & Collectibles"
+            "title": "Art & Collectibles",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -209,9 +350,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 10,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 4,
-            "title": "Gaming"
+            "title": "Gaming",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -225,9 +386,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 10,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 9,
             "title": "Misc / Other",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
 
         }
     },
@@ -242,9 +423,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 10,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 8,
-            "title": "Shopping"
+            "title": "Shopping",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -258,9 +459,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 5,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 4,
-            "title": "Gaming"
+            "title": "Gaming",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -278,9 +499,29 @@ export let projects = [
         "lightning_address": "subirachs@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 11,
-            "title": "Shock the Web ⚡️"
+            "title": "Shock the Web ⚡️",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -296,9 +537,29 @@ export let projects = [
         "lightning_address": "kiwiidb@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 11,
-            "title": "Shock the Web ⚡️"
+            "title": "Shock the Web ⚡️",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -315,9 +576,29 @@ export let projects = [
         "lightning_address": "tobitcoin@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 11,
-            "title": "Shock the Web ⚡️"
+            "title": "Shock the Web ⚡️",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -341,9 +622,29 @@ export let projects = [
         "lightning_address": "atlantabitdevs@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 11,
-            "title": "Shock the Web ⚡️"
+            "title": "Shock the Web ⚡️",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -359,9 +660,29 @@ export let projects = [
         "lightning_address": "reneaaron@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 11,
-            "title": "Shock the Web ⚡️"
+            "title": "Shock the Web ⚡️",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -382,9 +703,29 @@ export let projects = [
         "lightning_address": "alivesession77@walletofsatoshi.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 11,
-            "title": "Shock the Web ⚡️"
+            "title": "Shock the Web ⚡️",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -398,9 +739,44 @@ export let projects = [
         "lightning_address": "johns@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [{
+            id: 1,
+            title: "Lnurl",
+            icon: "🎛️",
+        },
+        {
+            id: 2,
+            title: "Ln-Auth",
+            icon: "🔑",
+        },
+        {
+            id: 3,
+            title: "Ln-Pay",
+            icon: "💳",
+        },
+        ],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 1,
-            "title": "Finance"
+            "title": "Finance",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -420,9 +796,29 @@ export let projects = [
         "lightning_address": "divineorgan67@walletofsatoshi.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 11,
-            "title": "Shock the Web ⚡️"
+            "title": "Shock the Web ⚡️",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -436,9 +832,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 1,
-            "title": "Finance"
+            "title": "Finance",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -452,9 +868,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 9,
-            "title": "Misc / Other"
+            "title": "Misc / Other",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -468,9 +904,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 3,
-            "title": "Art & Collectibles"
+            "title": "Art & Collectibles",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -484,9 +940,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 7,
-            "title": "Media & News"
+            "title": "Media & News",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -500,9 +976,29 @@ export let projects = [
         "lightning_address": "moritz@geralby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 7,
-            "title": "Media & News"
+            "title": "Media & News",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -516,9 +1012,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 6,
-            "title": "Analytics"
+            "title": "Analytics",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -532,9 +1048,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 2,
-            "title": "Social"
+            "title": "Social",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -548,9 +1084,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 8,
-            "title": "Shopping"
+            "title": "Shopping",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -564,9 +1120,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 4,
-            "title": "Gaming"
+            "title": "Gaming",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     },
     {
@@ -580,9 +1156,29 @@ export let projects = [
         "lightning_address": "moritz@getalby.com",
         "votes_count": 0,
         tags: [],
+        awards: [],
+        capabilities: [],
+        discord: "https://discord.com",
+        github: null,
+        hashtag: "#hashtag",
+        launch_status: "Launched",
+        members: [],
+        permissions: Object.values(ProjectPermissionEnum),
+        recruit_roles: [],
+        slack: null,
+        telegram: null,
+        twitter: null,
+        tournaments: [],
+        tagline: "My project tagline",
+        lnurl_callback_url: "",
         "category": {
             "id": 4,
-            "title": "Gaming"
+            "title": "Gaming",
+            icon: "🎁",
+            apps_count: 0,
+            cover_image: "null",
+            project: [],
+            votes_sum: 100,
         }
     }
 ] as Project[]