feat: proper backend api for tournament

api/functions/graphql/nexus-typegen.ts

@@ -240,26 +240,20 @@ export interface NexusGenObjects {
     cover_image: string; // String!
     description: string; // String!
     end_date: NexusGenScalars['Date']; // Date!
-    events: NexusGenRootTypes['TournamentEvent'][]; // [TournamentEvent!]!
-    events_count: number; // Int!
-    faqs: NexusGenRootTypes['TournamentFAQ'][]; // [TournamentFAQ!]!
     id: number; // Int!
-    judges: NexusGenRootTypes['TournamentJudge'][]; // [TournamentJudge!]!
     location: string; // String!
-    prizes: NexusGenRootTypes['TournamentPrize'][]; // [TournamentPrize!]!
-    projects_count: number; // Int!
     start_date: NexusGenScalars['Date']; // Date!
     thumbnail_image: string; // String!
     title: string; // String!
     website: string; // String!
   }
   TournamentEvent: { // root type
-    date: NexusGenScalars['Date']; // Date!
     description: string; // String!
+    ends_at: NexusGenScalars['Date']; // Date!
     id: number; // Int!
     image: string; // String!
-    links: string[]; // [String!]!
     location: string; // String!
+    starts_at: NexusGenScalars['Date']; // Date!
     title: string; // String!
     type: NexusGenEnums['TournamentEventTypeEnum']; // TournamentEventTypeEnum!
     website: string; // String!
@@ -270,7 +264,7 @@ export interface NexusGenObjects {
   }
   TournamentJudge: { // root type
     avatar: string; // String!
-    jobTitle: string; // String!
+    company: string; // String!
     name: string; // String!
   }
   TournamentMakersResponse: { // root type
@@ -569,12 +563,13 @@ export interface NexusGenFieldTypes {
     website: string; // String!
   }
   TournamentEvent: { // field return type
-    date: NexusGenScalars['Date']; // Date!
     description: string; // String!
+    ends_at: NexusGenScalars['Date']; // Date!
     id: number; // Int!
     image: string; // String!
     links: string[]; // [String!]!
     location: string; // String!
+    starts_at: NexusGenScalars['Date']; // Date!
     title: string; // String!
     type: NexusGenEnums['TournamentEventTypeEnum']; // TournamentEventTypeEnum!
     website: string; // String!
@@ -585,7 +580,7 @@ export interface NexusGenFieldTypes {
   }
   TournamentJudge: { // field return type
     avatar: string; // String!
-    jobTitle: string; // String!
+    company: string; // String!
     name: string; // String!
   }
   TournamentMakersResponse: { // field return type
@@ -907,12 +902,13 @@ export interface NexusGenFieldTypeNames {
     website: 'String'
   }
   TournamentEvent: { // field return type name
-    date: 'Date'
     description: 'String'
+    ends_at: 'Date'
     id: 'Int'
     image: 'String'
     links: 'String'
     location: 'String'
+    starts_at: 'Date'
     title: 'String'
     type: 'TournamentEventTypeEnum'
     website: 'String'
@@ -923,7 +919,7 @@ export interface NexusGenFieldTypeNames {
   }
   TournamentJudge: { // field return type name
     avatar: 'String'
-    jobTitle: 'String'
+    company: 'String'
     name: 'String'
   }
   TournamentMakersResponse: { // field return type name

api/functions/graphql/schema.graphql

@@ -347,12 +347,13 @@ type Tournament {
 }
 
 type TournamentEvent {
-  date: Date!
   description: String!
+  ends_at: Date!
   id: Int!
   image: String!
   links: [String!]!
   location: String!
+  starts_at: Date!
   title: String!
   type: TournamentEventTypeEnum!
   website: String!
@@ -372,7 +373,7 @@ type TournamentFAQ {
 
 type TournamentJudge {
   avatar: String!
-  jobTitle: String!
+  company: String!
   name: String!
 }
 

api/functions/graphql/types/tournament.js

@@ -24,7 +24,7 @@ const TournamentJudge = objectType({
     name: 'TournamentJudge',
     definition(t) {
         t.nonNull.string('name');
-        t.nonNull.string('jobTitle');
+        t.nonNull.string('company');
         t.nonNull.string('avatar');
     }
 })
@@ -57,11 +57,12 @@ const TournamentEvent = objectType({
         t.nonNull.string('title');
         t.nonNull.string('image');
         t.nonNull.string('description');
-        t.nonNull.date('date');
+        t.nonNull.date('starts_at');
+        t.nonNull.date('ends_at');
         t.nonNull.string('location');
         t.nonNull.string('website');
         t.nonNull.field('type', { type: TournamentEventTypeEnum })
-        t.nonNull.list.nonNull.string('links');
+        t.nonNull.list.nonNull.string('links', { resolve() { return [] } });
     }
 })
 
@@ -78,18 +79,58 @@ const Tournament = objectType({
         t.nonNull.string('location');
         t.nonNull.string('website');
 
-        t.nonNull.int('events_count');
+        t.nonNull.int('events_count', {
-        t.nonNull.int('makers_count', {
             resolve(parent) {
-                return prisma.user.count();
+                return prisma.tournamentEvent.count({
+                    where: {
+                        tournament_id: parent.id
+                    }
+                })
+            }
+        });
+        t.nonNull.int('makers_count', {
+            resolve(parent) {
+                return prisma.tournamentParticipant.count({
+                    where: {
+                        tournament_id: parent.id
+                    }
+                })
+            }
+        });
+        t.nonNull.int('projects_count', {
+            resolve(parent) {
+                return prisma.tournamentProject.count({
+                    where: {
+                        tournament_id: parent.id
+                    }
+                })
             }
         });
-        t.nonNull.int('projects_count');
 
-        t.nonNull.list.nonNull.field('prizes', { type: TournamentPrize, });
+        t.nonNull.list.nonNull.field('prizes', {
-        t.nonNull.list.nonNull.field('judges', { type: TournamentJudge, });
+            type: TournamentPrize,
-        t.nonNull.list.nonNull.field('faqs', { type: TournamentFAQ, });
+            resolve(parent) {
-        t.nonNull.list.nonNull.field('events', { type: TournamentEvent, });
+                return prisma.tournament.findUnique({ where: { id: parent.id } }).prizes()
+            }
+        });
+        t.nonNull.list.nonNull.field('judges', {
+            type: TournamentJudge,
+            resolve(parent) {
+                return prisma.tournament.findUnique({ where: { id: parent.id } }).judges()
+            }
+        });
+        t.nonNull.list.nonNull.field('faqs', {
+            type: TournamentFAQ,
+            resolve(parent) {
+                return prisma.tournament.findUnique({ where: { id: parent.id } }).faqs()
+            }
+        });
+        t.nonNull.list.nonNull.field('events', {
+            type: TournamentEvent,
+            resolve(parent) {
+                return prisma.tournament.findUnique({ where: { id: parent.id } }).events()
+            }
+        });
     }
 })
 
@@ -125,7 +166,9 @@ const getTournamentById = extendType({
                 id: nonNull(intArg()),
             },
             resolve(_, { id }) {
-                return null
+                return prisma.tournament.findUnique({
+                    where: { id }
+                })
             }
         })
     }
@@ -175,16 +218,23 @@ const getMakersInTournament = extendType({
                     }
                 })
 
-
+                const makers = (await prisma.tournamentParticipant.findMany({
-                const makers = await prisma.user.findMany({
+                    where: {
-                    ...(filters.length > 0 && {
+                        tournament_id: args.tournamentId,
-                        where: {
+                        ...(filters.length > 0 && {
-                            AND: filters
+                            user: {
-                        }
+                                AND: filters
-                    }),
+                            }
+                        })
+                    },
+                    include: {
+                        user: true,
+                    },
                     skip: args.skip,
                     take: args.take + 1,
-                });
+                })).map(item => item.user)
+
+
 
                 return {
                     hasNext: makers.length === args.take + 1,
@@ -230,24 +280,34 @@ const getProjectsInTournament = extendType({
                 })
 
 
-                if (args.roleId) filters.push({
+                // if (args.roleId) filters.push({
-                    recruit_roles: {
+                //     recruit_roles: {
-                        some: {
+                //         some: {
-                            roleId: args.roleId
+                //             roleId: args.roleId
-                        }
+                //         }
-                    }
+                //     }
-                })
+                // })
 
 
-                const projects = await prisma.project.findMany({
+
-                    ...(filters.length > 0 && {
+                const projects = (await prisma.tournamentProject.findMany({
-                        where: {
+                    where: {
-                            AND: filters
+                        tournament_id: args.tournamentId,
-                        }
+                        ...(filters.length > 0 && {
-                    }),
+                            project: {
+                                AND: filters
+                            }
+                        })
+                    },
+                    include: {
+                        project: true,
+                    },
                     skip: args.skip,
                     take: args.take + 1,
-                });
+                })).map(item => item.project)
+
+                console.log();
+
 
                 return {
                     hasNext: projects.length === args.take + 1,

prisma/seed/data/tournament.seed.js

@@ -11,12 +11,16 @@ const tournament = {
     location: "Online",
     website: "#",
     description:
-        `Lorem ipsum dolor sit **amet**, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non. 
+        `## Tournament Details
+Lorem ipsum dolor sit **amet**, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non.   
 
+#### Subtitle1
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non.  
+
+
+#### Subtitle2
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non. 
-
+ `, // markdown
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse.
-    `, // markdown
     prizes: [{
         title: "stw3  champion",
         amount: "$ 20k",

prisma/seed/index.js

@@ -65,7 +65,7 @@ async function main() {
 
     // await createSkills();
 
-    await createTournament();
+    // await createTournament();
 
 }
 

src/features/Profiles/Components/Avatar/Avatar.tsx

@@ -3,11 +3,12 @@ interface Props {
     src: string;
     alt?: string;
     width?: number | string;
+    className?: string
 }
 
-export default function Avatar({ src, alt, width = 40 }: Props) {
+export default function Avatar({ src, alt, className, width = 40 }: Props) {
     return (
-        <img src={src} className='shrink-0 rounded-full object-cover border-2 bg-white border-gray-100' style={{
+        <img src={src} className={`shrink-0 rounded-full object-cover border-2 bg-white border-gray-100 ${className}`} style={{
             width: width,
             aspectRatio: '1/1'
         }} alt={alt ?? "avatar"} />

src/features/Tournaments/pages/EventsPage/EventCard/EventCard.tsx

@@ -4,6 +4,7 @@ import { Tournament, TournamentEventTypeEnum } from "src/graphql";
 import { UnionToObjectKeys } from 'src/utils/types/utils';
 import { useAppDispatch, } from "src/utils/hooks";
 import { openModal } from "src/redux/features/modals.slice";
+import dayjs from 'dayjs';
 
 
 interface Props {
@@ -11,7 +12,8 @@ interface Props {
         | 'id'
         | 'title'
         | 'image'
-        | 'date'
+        | 'starts_at'
+        | 'ends_at'
         | 'location'
         | 'description'
         | 'website'
@@ -46,7 +48,9 @@ export default function EventCard({ event }: Props) {
                         {event.title}
                     </h3>
                     <p className="text-body4 font-medium text-gray-900">
-                        {event.date}
+
+                        {`${dayjs(event.starts_at).format('H:mm')} - ${dayjs(event.starts_at).format('H:mm, Do MMM')}`}
+
                     </p>
                     <p className="text-body4 font-medium text-gray-600">
                         <IoLocationOutline className="mr-4" /> <span className="align-middle">{event.location}</span>

src/features/Tournaments/pages/EventsPage/EventModal/EventModal.tsx

@@ -6,6 +6,7 @@ import { Tournament, } from 'src/graphql';
 import { MEDIA_QUERIES } from 'src/utils/theme';
 import { IoGlobe, IoLocationOutline } from 'react-icons/io5';
 import { mapTypeToBadge } from '../EventCard/EventCard';
+import dayjs from 'dayjs';
 
 
 interface Props extends ModalCard {
@@ -14,7 +15,8 @@ interface Props extends ModalCard {
         | "title"
         | "image"
         | "description"
-        | "date"
+        | "starts_at"
+        | "ends_at"
         | "location"
         | "type"
         | "website">
@@ -43,7 +45,8 @@ export default function ProjectDetailsCard({ direction, event, ...props }: Props
             <div className="p-16 md:p-24">
                 <h1 className="text-body1 font-bold">{event.title}</h1>
                 <p className="text-body4 font-medium text-gray-900 mt-8">
-                    {event.date}
+
+                    {`${dayjs(event.starts_at).format('H:mm')} - ${dayjs(event.starts_at).format('H:mm, Do MMM')}`}
                 </p>
                 <div className="flex gap-16 mt-8">
                     <p className="text-body4 font-medium text-primary-600 shrink-0">

src/features/Tournaments/pages/OverviewPage/JudgesSection/JudgesSection.tsx

@@ -25,7 +25,7 @@ export default function JudgesSection({ judges }: Props) {
                     <img src={judge.avatar} className='w-[100px] md:w-[128px] aspect-square object-contain' alt="" />
                     <div className='text-center'>
                         <p className='text-body4 font-medium'>{judge.name}</p>
-                        <p className='text-body4 mt-4'>{judge.jobTitle}</p>
+                        <p className='text-body4 mt-4'>{judge.company}</p>
                     </div>
                 </div>)}
             </div>

src/features/Tournaments/pages/OverviewPage/OverviewPage.tsx

@@ -16,9 +16,10 @@ interface Props {
         | 'makers_count'
         | 'faqs'
     >
+    avatars: string[]
 }
 
-export default function OverviewPage({ data }: Props) {
+export default function OverviewPage({ data, avatars }: Props) {
     return (
         <Card onlyMd className='flex flex-col gap-42'>
             <div className="grid grid-cols-1 md:grid-cols-3 gap-24 items-start">
@@ -29,7 +30,7 @@ export default function OverviewPage({ data }: Props) {
                     >
                     </div>
                 </div>
-                <RegisterCard makers_count={data.makers_count} start_date={data.start_date} />
+                <RegisterCard makers_count={data.makers_count} start_date={data.start_date} avatars={avatars} />
             </div>
             <PrizesSection prizes={data.prizes} />
             <JudgesSection judges={data.judges} />

src/features/Tournaments/pages/OverviewPage/RegisterCard/RegisterCard.tsx

@@ -8,9 +8,10 @@ import { useCountdown } from 'src/utils/hooks'
 interface Props {
     start_date: string;
     makers_count: number
+    avatars: string[]
 }
 
-export default function RegisterCard({ makers_count, start_date }: Props) {
+export default function RegisterCard({ makers_count, start_date, avatars }: Props) {
 
     const counter = useCountdown(start_date)
 
@@ -18,7 +19,10 @@ export default function RegisterCard({ makers_count, start_date }: Props) {
         <Card onlyMd className='flex flex-col gap-24'>
             <div>
                 <p className="text-body5 text-gray-600">
-                    <FaUsers className='text-body2 mr-4' /> <span className='align-middle'>+ {makers_count} makers</span>
+                    <div className="flex">
+                        {avatars.map((img, idx) => <div className='w-[16px] h-32 relative'><Avatar key={idx} src={img} width={32} className='absolute top-0 left-0 min-w-[32px] !border-white' /></div>)}
+                        <span className='self-center ml-24 font-medium '>+ {makers_count} makers</span>
+                    </div>
                 </p>
                 <Button color='primary' fullWidth className='mt-16'>Register</Button>
             </div>

src/features/Tournaments/pages/TournamentDetailsPage/Navigation/Navigation.tsx

@@ -24,11 +24,11 @@ export default function Navigation({ data }: Props) {
             path: "events",
         },
         {
-            text: `Makers`,
+            text: `Makers (${data.makers_count})`,
             path: "makers",
         },
         {
-            text: `Projects`,
+            text: `Projects (${data.projects_count})`,
             path: "projects",
         },
         {

src/features/Tournaments/pages/TournamentDetailsPage/TournamentDetailsPage.tsx

@@ -5,44 +5,45 @@ import OverviewPage from '../OverviewPage/OverviewPage'
 import { Helmet } from 'react-helmet'
 import Navigation from './Navigation/Navigation'
 import EventsPage from '../EventsPage/EventsPage'
-import { tournamentData } from './data'
 import MakersPage from '../MakersPage/MakersPage'
 import ProjectsPage from '../ProjectsPage/ProjectsPage'
+import { useGetTournamentByIdQuery } from 'src/graphql'
+import LoadingPage from 'src/Components/LoadingPage/LoadingPage'
+import NotFoundPage from 'src/features/Shared/pages/NotFoundPage/NotFoundPage'
 
-const data = tournamentData
 
 export default function TournamentDetailsPage() {
 
-  // const query = useGetTournamentByIdQuery({
+  const query = useGetTournamentByIdQuery({
-  //   variables: {
+    variables: {
-  //     id: 12,
+      id: 12,
-  //   },
+    },
 
-  // })
+  })
 
-  // if (query.loading)
+  if (query.loading)
-  //   return <LoadingPage />
+    return <LoadingPage />
 
-  // if (!query.data?.getTournamentById)
+  if (!query.data?.getTournamentById)
-  //   return <NotFoundPage />
+    return <NotFoundPage />
 
   return (
     <div style={{
       "--maxPageWidth": "910px"
     } as any}>
       <Helmet>
-        <title>{data.title} Tournament</title>
+        <title>{query.data.getTournamentById.title} Tournament</title>
       </Helmet>
-      <Header data={data} />
+      <Header data={query.data.getTournamentById} />
-      <Navigation data={data} />
+      <Navigation data={query.data.getTournamentById} />
 
       <div className="content-container !mt-24">
         <Routes >
           <Route index element={<Navigate to='overview' />} />
-          <Route path='overview' element={<OverviewPage data={data} />} />
+          <Route path='overview' element={<OverviewPage data={query.data.getTournamentById} avatars={query.data.getMakersInTournament.makers.map(m => m.avatar)} />} />
-          <Route path='events' element={<EventsPage data={data} />} />
+          <Route path='events' element={<EventsPage data={query.data.getTournamentById} />} />
-          <Route path='makers' element={<MakersPage data={data} />} />
+          <Route path='makers' element={<MakersPage data={query.data.getTournamentById} />} />
-          <Route path='projects' element={<ProjectsPage data={data} />} />
+          <Route path='projects' element={<ProjectsPage data={query.data.getTournamentById} />} />
         </Routes>
       </div>
     </div>

src/features/Tournaments/pages/TournamentDetailsPage/data/description.ts

@@ -1,11 +1,11 @@
 export const description =
     `## Tournament Details
-Lorem ipsum dolor sit **amet**, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non.  
+Lorem ipsum dolor sit **amet**, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non.   
 
 #### Subtitle1
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non. 
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non.  
+
 
 #### Subtitle2
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac eget nullam. In leo at pharetra morbi ornare eget. Ultrices posuere senectus purus nulla vitae volutpat id id suspendisse. Urna mattis nulla diam semper erat. Mattis gravida ultrices aliquam odio. Praesent viverra egestas sed elementum nisl imperdiet a, non. 
-
 `

src/features/Tournaments/pages/TournamentDetailsPage/data/events.ts

@@ -6,7 +6,9 @@ export const events: Tournament['events'] = [
     {
         id: 12,
         title: "STW3 Round Table #1",
-        date: "13:00 - 14:00 UTC, 23rd June",
+
+        starts_at: "2022-09-30T21:00:00.000Z",
+        ends_at: "2022-10-30T22:00:00.000Z",
         description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
         image: getCoverImage(),
         links: [],
@@ -17,7 +19,9 @@ export const events: Tournament['events'] = [
     {
         id: 13,
         title: "STW3 Round Table #2",
-        date: "15:00 - 16:00 UTC, 23rd June",
+
+        starts_at: "2022-09-30T21:00:00.000Z",
+        ends_at: "2022-10-30T22:00:00.000Z",
         description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
         image: getCoverImage(),
         links: [],
@@ -28,7 +32,9 @@ export const events: Tournament['events'] = [
     {
         id: 14,
         title: "STW3 Round Table #3",
-        date: "13:00 - 14:00 UTC, 24rd June",
+
+        starts_at: "2022-09-30T21:00:00.000Z",
+        ends_at: "2022-10-30T22:00:00.000Z",
         description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
         image: getCoverImage(),
         links: [],
@@ -39,7 +45,9 @@ export const events: Tournament['events'] = [
     {
         id: 44,
         title: "Lightning Login",
-        date: "15:00 - 16:00 UTC, 24rd June",
+
+        starts_at: "2022-09-30T21:00:00.000Z",
+        ends_at: "2022-10-30T22:00:00.000Z",
         description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
         image: getCoverImage(),
         links: [],
@@ -51,7 +59,9 @@ export const events: Tournament['events'] = [
     {
         id: 46,
         title: "Escrow contracts",
-        date: "15:00 - 16:00 UTC, 23rd June",
+
+        starts_at: "2022-09-30T21:00:00.000Z",
+        ends_at: "2022-10-30T22:00:00.000Z",
         description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
         image: getCoverImage(),
         links: [],
@@ -63,7 +73,9 @@ export const events: Tournament['events'] = [
     {
         id: 444,
         title: "Lsats - What & Why",
-        date: "15:00 - 16:00 UTC, 23rd June",
+
+        starts_at: "2022-09-30T21:00:00.000Z",
+        ends_at: "2022-10-30T22:00:00.000Z",
         description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
         image: getCoverImage(),
         links: [],

src/features/Tournaments/pages/TournamentDetailsPage/data/judeges.ts

@@ -5,61 +5,61 @@ export const judges: Tournament['judges'] = [
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
     {
         name: "Ben Arc",
         avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-        jobTitle: "Maker"
+        company: "Company"
     },
 ]

src/features/Tournaments/pages/TournamentDetailsPage/tournamentDetails.graphql

@@ -21,7 +21,7 @@ query GetTournamentById($id: Int!) {
     }
     judges {
       name
-      jobTitle
+      company
       avatar
     }
     events {
@@ -29,7 +29,8 @@ query GetTournamentById($id: Int!) {
       title
       image
       description
-      date
+      starts_at
+      ends_at
       location
       website
       type
@@ -40,4 +41,11 @@ query GetTournamentById($id: Int!) {
       answer
     }
   }
-} #
+
+  getMakersInTournament(tournamentId: $id, take: 4) {
+    makers {
+      id
+      avatar
+    }
+  }
+}

src/graphql/index.tsx

@@ -535,12 +535,13 @@ export type Tournament = {
 
 export type TournamentEvent = {
   __typename?: 'TournamentEvent';
-  date: Scalars['Date'];
   description: Scalars['String'];
+  ends_at: Scalars['Date'];
   id: Scalars['Int'];
   image: Scalars['String'];
   links: Array<Scalars['String']>;
   location: Scalars['String'];
+  starts_at: Scalars['Date'];
   title: Scalars['String'];
   type: TournamentEventTypeEnum;
   website: Scalars['String'];
@@ -562,7 +563,7 @@ export type TournamentFaq = {
 export type TournamentJudge = {
   __typename?: 'TournamentJudge';
   avatar: Scalars['String'];
-  jobTitle: Scalars['String'];
+  company: Scalars['String'];
   name: Scalars['String'];
 };
 
@@ -862,7 +863,7 @@ export type GetTournamentByIdQueryVariables = Exact<{
 }>;
 
 
-export type GetTournamentByIdQuery = { __typename?: 'Query', getTournamentById: { __typename?: 'Tournament', id: number, title: string, description: string, thumbnail_image: string, cover_image: string, start_date: any, end_date: any, location: string, website: string, events_count: number, makers_count: number, projects_count: number, prizes: Array<{ __typename?: 'TournamentPrize', title: string, amount: string, image: string }>, judges: Array<{ __typename?: 'TournamentJudge', name: string, jobTitle: string, avatar: string }>, events: Array<{ __typename?: 'TournamentEvent', id: number, title: string, image: string, description: string, date: any, location: string, website: string, type: TournamentEventTypeEnum, links: Array<string> }>, faqs: Array<{ __typename?: 'TournamentFAQ', question: string, answer: string }> } };
+export type GetTournamentByIdQuery = { __typename?: 'Query', getTournamentById: { __typename?: 'Tournament', id: number, title: string, description: string, thumbnail_image: string, cover_image: string, start_date: any, end_date: any, location: string, website: string, events_count: number, makers_count: number, projects_count: number, prizes: Array<{ __typename?: 'TournamentPrize', title: string, amount: string, image: string }>, judges: Array<{ __typename?: 'TournamentJudge', name: string, company: string, avatar: string }>, events: Array<{ __typename?: 'TournamentEvent', id: number, title: string, image: string, description: string, starts_at: any, ends_at: any, location: string, website: string, type: TournamentEventTypeEnum, links: Array<string> }>, faqs: Array<{ __typename?: 'TournamentFAQ', question: string, answer: string }> }, getMakersInTournament: { __typename?: 'TournamentMakersResponse', makers: Array<{ __typename?: 'User', id: number, avatar: string }> } };
 
 export type VoteMutationVariables = Exact<{
   itemType: Vote_Item_Type;
@@ -2411,7 +2412,7 @@ export const GetTournamentByIdDocument = gql`
     }
     judges {
       name
-      jobTitle
+      company
       avatar
     }
     events {
@@ -2419,7 +2420,8 @@ export const GetTournamentByIdDocument = gql`
       title
       image
       description
-      date
+      starts_at
+      ends_at
       location
       website
       type
@@ -2430,6 +2432,12 @@ export const GetTournamentByIdDocument = gql`
       answer
     }
   }
+  getMakersInTournament(tournamentId: $id, take: 4) {
+    makers {
+      id
+      avatar
+    }
+  }
 }
     `;
 

src/mocks/data/tournament.ts

@@ -45,7 +45,8 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac e
         {
             id: 12,
             title: "STW3 Round Table #1",
-            date: "13:00 - 14:00 UTC, 23rd June",
+            starts_at: "2022-09-30T21:00:00.000Z",
+            ends_at: "2022-10-30T22:00:00.000Z",
             description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
             image: getCoverImage(),
             links: [],
@@ -56,7 +57,8 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac e
         {
             id: 13,
             title: "STW3 Round Table #2",
-            date: "15:00 - 16:00 UTC, 23rd June",
+            starts_at: "2022-09-30T21:00:00.000Z",
+            ends_at: "2022-10-30T22:00:00.000Z",
             description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
             image: getCoverImage(),
             links: [],
@@ -67,7 +69,8 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac e
         {
             id: 14,
             title: "STW3 Round Table #3",
-            date: "13:00 - 14:00 UTC, 24rd June",
+            starts_at: "2022-09-30T21:00:00.000Z",
+            ends_at: "2022-10-30T22:00:00.000Z",
             description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
             image: getCoverImage(),
             links: [],
@@ -78,7 +81,8 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac e
         {
             id: 44,
             title: "Lightning Login",
-            date: "15:00 - 16:00 UTC, 24rd June",
+            starts_at: "2022-09-30T21:00:00.000Z",
+            ends_at: "2022-10-30T22:00:00.000Z",
             description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
             image: getCoverImage(),
             links: [],
@@ -90,7 +94,8 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac e
         {
             id: 46,
             title: "Escrow contracts",
-            date: "15:00 - 16:00 UTC, 23rd June",
+            starts_at: "2022-09-30T21:00:00.000Z",
+            ends_at: "2022-10-30T22:00:00.000Z",
             description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
             image: getCoverImage(),
             links: [],
@@ -102,7 +107,8 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac e
         {
             id: 444,
             title: "Lsats - What & Why",
-            date: "15:00 - 16:00 UTC, 23rd June",
+            starts_at: "2022-09-30T21:00:00.000Z",
+            ends_at: "2022-10-30T22:00:00.000Z",
             description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam morbi pellentesque velit congue. Aliquet rutrum a, augue vitae tincidunt ac egestas. Mauris nec fringilla diam eget fusce malesuada cum parturient. Nulla pretium purus odio odio.",
             image: getCoverImage(),
             links: [],
@@ -115,62 +121,62 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper turpis est, ac e
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
         {
             name: "Ben Arc",
             avatar: "https://s3-alpha-sig.figma.com/img/5e65/c22c/673b8f74ac43f024b036dbc4e6479e0d?Expires=1662940800&Signature=GR54s7FBcLGcPTVclWdmPjzU92tyrYpdUbbDUYKMUkdQbxq2yQlUhZ-AOLDHhOPY4P2G3aW2yT16b1AUbC8RBx1boH25MSrH-jpn6X57IJA-4ZeHP8zCo-yjTLpb8Gn~vudIi9rPfbwJ34stp-VeOAYMuOHlah3YO-B4MBsBv-NqhP7BMY4zz9vGdBLZhOjYQYdLZ2494Ae6L5FpD1ah3WD3U5qUN9dDvYvAtqYfhQeBOnsG6PfYoq8LouCuERC4S26BeooPg8UdGUCf324-SjEihCoL8mQFq80PSsaAZl5~EBOKRUx14FOprizMusaYN0K06E~fjDIDbM2Rmc9Xjg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
-            jobTitle: "Maker"
+            company: "Company"
         },
     ],
 

src/mocks/handlers.ts

@@ -282,7 +282,8 @@ export const handlers = [
 
         return res(
             ctx.data({
-                getTournamentById: getTournamentById(12)
+                getTournamentById: getTournamentById(12),
+                getMakersInTournament: getMakersInTournament({ roleId: null, search: null, skip: null, take: 4, tournamentId: 12 })
             })
         )
     }),