From 497410753f1a76a2fd4d431dc9f6e890efcfec23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Sun, 26 Mar 2023 22:20:13 +0200
Subject: [PATCH 01/10] chore: add loremflickr.com url

---
 apps/web/next.config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/web/next.config.js b/apps/web/next.config.js
index 1abd819..2d63c7c 100644
--- a/apps/web/next.config.js
+++ b/apps/web/next.config.js
@@ -3,6 +3,7 @@ const nextConfig = {
 	images: {
 		domains: [
 			'avatars.githubusercontent.com',
+			'loremflickr.com',
 			'images.unsplash.com',
 			'cdn.pixabay.com',
 		],

From a14b11898f0018e90d203377af18b30d3508e351 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Sun, 26 Mar 2023 22:21:30 +0200
Subject: [PATCH 02/10] fix: add default checked props

---
 packages/ui/components/molecules/checkbox/checkbox.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/ui/components/molecules/checkbox/checkbox.tsx b/packages/ui/components/molecules/checkbox/checkbox.tsx
index 8d1284c..77dc690 100644
--- a/packages/ui/components/molecules/checkbox/checkbox.tsx
+++ b/packages/ui/components/molecules/checkbox/checkbox.tsx
@@ -2,9 +2,10 @@ import { useId } from 'react';
 
 type CheckboxProps = {
 	label: string;
+	checked: boolean;
 };
 
-export const Checkbox = ({ label }: CheckboxProps) => {
+export const Checkbox = ({ label, checked }: CheckboxProps) => {
 	const id = useId();
 	return (
 		<div key={id} className="flex items-center">
@@ -12,6 +13,7 @@ export const Checkbox = ({ label }: CheckboxProps) => {
 				id={id}
 				name={id}
 				type="checkbox"
+				checked={checked}
 				className="h-4 w-4 rounded-lg border-gray-200 text-indigo-600 dark:border-gray-300 focus:ring-indigo-500"
 			/>
 			<label htmlFor={id} className="ml-3 text-sm text-gray-600">

From 1621c6d1cefdbc7930b6a572e06451593aa0800e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Sun, 26 Mar 2023 22:23:40 +0200
Subject: [PATCH 03/10] add: Translate difficulty level to polish

---
 .../molecules/challengeItem/challengeItem.tsx | 35 ++++++++++++-------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/apps/web/components/molecules/challengeItem/challengeItem.tsx b/apps/web/components/molecules/challengeItem/challengeItem.tsx
index 95309ad..3d86b20 100644
--- a/apps/web/components/molecules/challengeItem/challengeItem.tsx
+++ b/apps/web/components/molecules/challengeItem/challengeItem.tsx
@@ -1,18 +1,28 @@
-import { Card, Heading, Text, CategoryTag } from 'ui';
+import { Card, Heading, Text } from 'ui';
 import { ChartBarIcon } from '@heroicons/react/20/solid';
 import Image from 'next/image';
-import type { Challenge } from '../../../types/types';
 import clsx from 'clsx';
+import type { Task } from 'generated';
 
-type TaskItemProps = Challenge;
+type TaskItemProps = Task;
 
+const translateToPolish = (difficulty: string) => {
+	switch (difficulty) {
+		case 'ADVANCED':
+			return 'Zaawansowany';
+		case 'BEGINNER':
+			return 'Początkujący';
+		case 'INTERMEDIATE':
+			return 'Mid';
+	}
+};
 export const ChallengeItem = ({
 	id,
 	title,
-	image,
+	thumbnailUrl: image,
 	description,
 	difficulty,
-	tags,
+	// tags,
 	rating,
 }: TaskItemProps) => {
 	return (
@@ -23,9 +33,9 @@ export const ChallengeItem = ({
 						<Image
 							src={image}
 							alt=""
-							width="120"
-							height="120"
-							className="w-full h-full rounded-lg"
+							width="1000"
+							height="1000"
+							className="w-full h-full rounded-lg md:w-1/3"
 						/>
 						<div className="lg:px-5">
 							<Heading tag="h2" size="large" className="font-bold	">
@@ -39,7 +49,7 @@ export const ChallengeItem = ({
 					<div className="flex items-center">
 						<ChartBarIcon className="h-5 w-5 mr-1" />
 						<Text size="medium" variant="default" tag="p" position="left">
-							{difficulty}
+							{translateToPolish(difficulty)}
 						</Text>
 						<div className="flex items-center">
 							{Array.from({ length: 5 }, (_, i) => {
@@ -54,7 +64,6 @@ export const ChallengeItem = ({
 										xmlns="http://www.w3.org/2000/svg"
 										key={i}
 									>
-										{/*<title>First star</title>*/}
 										<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
 									</svg>
 								);
@@ -66,9 +75,9 @@ export const ChallengeItem = ({
 						</Text>
 					</div>
 					<ul className="flex flex-wrap">
-						{tags.map((tag) => {
-							return <CategoryTag key={tag} label={tag} />;
-						})}
+						{/*{tags.map((tag) => {*/}
+						{/*	return <CategoryTag key={tag} label={tag} />;*/}
+						{/*})}*/}
 					</ul>
 				</Card>
 			</a>

From 9239c8ef5acbcf4d19194c53d77928378842581c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Sun, 26 Mar 2023 22:24:42 +0200
Subject: [PATCH 04/10] chore: query to fetch all active tasks with paggination

---
 .../templates/challenges/all/getAllTasks.gql  |  21 +
 packages/generated/generated.ts               | 602 +++++++++++++-----
 2 files changed, 449 insertions(+), 174 deletions(-)
 create mode 100644 apps/web/components/templates/challenges/all/getAllTasks.gql

diff --git a/apps/web/components/templates/challenges/all/getAllTasks.gql b/apps/web/components/templates/challenges/all/getAllTasks.gql
new file mode 100644
index 0000000..97230e2
--- /dev/null
+++ b/apps/web/components/templates/challenges/all/getAllTasks.gql
@@ -0,0 +1,21 @@
+query GetAllActiveTasks {
+    tasks(filter: {status: ACTIVE}) {
+        id,
+        title,
+        description,
+        difficulty,
+        thumbnailUrl,
+        rating,
+    }
+}
+
+query GetTaskWithPagination($page: Int) {
+    tasks(filter: {status: ACTIVE}, pagination: {page: $page, perPage: 3}) {
+        id,
+        title,
+        description,
+        difficulty,
+        thumbnailUrl,
+        rating,
+    }
+}
diff --git a/packages/generated/generated.ts b/packages/generated/generated.ts
index 66ca095..3d7b5a0 100644
--- a/packages/generated/generated.ts
+++ b/packages/generated/generated.ts
@@ -1,111 +1,283 @@
-import { GraphQLResolveInfo, GraphQLScalarType, GraphQLScalarTypeConfig } from 'graphql';
-import { gql } from '@apollo/client';
+import {
+	GraphQLResolveInfo,
+	GraphQLScalarType,
+	GraphQLScalarTypeConfig,
+} from 'graphql';
 import * as Apollo from '@apollo/client';
+import { gql } from '@apollo/client';
+
 export type Maybe<T> = T | null;
 export type InputMaybe<T> = Maybe<T>;
-export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
-export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
-export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
+export type Exact<T extends { [key: string]: unknown }> = {
+	[K in keyof T]: T[K];
+};
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
+	[SubKey in K]?: Maybe<T[SubKey]>;
+};
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
+	[SubKey in K]: Maybe<T[SubKey]>;
+};
 const defaultOptions = {} as const;
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: string;
-  String: string;
-  Boolean: boolean;
-  Int: number;
-  Float: number;
-  /** A date string, such as 2007-12-03, compliant with the `full-date` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
-  Date: string;
-  /** A date-time string at UTC, such as 2007-12-03T10:15:30Z, compliant with the `date-time` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
-  DateTime: string;
-  SearchString: string;
+	ID: string;
+	String: string;
+	Boolean: boolean;
+	Int: number;
+	Float: number;
+	/** A date string, such as 2007-12-03, compliant with the `full-date` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
+	Date: string;
+	/** A date-time string at UTC, such as 2007-12-03T10:15:30Z, compliant with the `date-time` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
+	DateTime: string;
+	SearchString: string;
 };
 
 /** Auth0 user info */
 export type AuthInfo = {
-  __typename?: 'AuthInfo';
-  sub?: Maybe<Scalars['String']>;
+	__typename?: 'AuthInfo';
+	sub?: Maybe<Scalars['String']>;
 };
 
 export type DateRangeInput = {
-  gte?: InputMaybe<Scalars['Date']>;
-  lte?: InputMaybe<Scalars['Date']>;
+	gte?: InputMaybe<Scalars['Date']>;
+	lte?: InputMaybe<Scalars['Date']>;
 };
 
 export type NumberRangeInput = {
-  gte?: InputMaybe<Scalars['Int']>;
-  lte?: InputMaybe<Scalars['Int']>;
+	gte?: InputMaybe<Scalars['Int']>;
+	lte?: InputMaybe<Scalars['Int']>;
 };
 
 export type PaginationInput = {
-  page?: InputMaybe<Scalars['Int']>;
-  perPage?: InputMaybe<Scalars['Int']>;
+	page?: InputMaybe<Scalars['Int']>;
+	perPage?: InputMaybe<Scalars['Int']>;
 };
 
 export type Query = {
-  __typename?: 'Query';
-  /** Auth0 context info */
-  authInfo?: Maybe<AuthInfo>;
-  tasks: Array<Task>;
+	__typename?: 'Query';
+	/** Auth0 context info */
+	authInfo?: Maybe<AuthInfo>;
+	tasks: Array<Task>;
 };
 
-
 export type QueryTasksArgs = {
-  filter?: InputMaybe<TaskFilterInput>;
-  pagination?: InputMaybe<PaginationInput>;
+	filter?: InputMaybe<TaskFilterInput>;
+	pagination?: InputMaybe<PaginationInput>;
 };
 
 export type Task = {
-  __typename?: 'Task';
-  author: User;
-  description: Scalars['String'];
-  difficulty: Scalars['String'];
-  id: Scalars['ID'];
-  rating: Scalars['Int'];
-  status: Scalars['String'];
-  thumbnailUrl: Scalars['String'];
-  title: Scalars['String'];
+	__typename?: 'Task';
+	author: User;
+	description: Scalars['String'];
+	difficulty: Scalars['String'];
+	id: Scalars['ID'];
+	rating: Scalars['Int'];
+	status: Scalars['String'];
+	thumbnailUrl: Scalars['String'];
+	title: Scalars['String'];
 };
 
 export enum TaskDifficulty {
-  Advanced = 'ADVANCED',
-  Beginner = 'BEGINNER',
-  Intermediate = 'INTERMEDIATE'
+	Advanced = 'ADVANCED',
+	Beginner = 'BEGINNER',
+	Intermediate = 'INTERMEDIATE',
 }
 
 export type TaskFilterInput = {
-  created_at?: InputMaybe<DateRangeInput>;
-  description?: InputMaybe<Scalars['SearchString']>;
-  difficulty?: InputMaybe<TaskDifficulty>;
-  status?: InputMaybe<TaskStatus>;
-  title?: InputMaybe<Scalars['SearchString']>;
-  updated_at?: InputMaybe<DateRangeInput>;
+	created_at?: InputMaybe<DateRangeInput>;
+	description?: InputMaybe<Scalars['SearchString']>;
+	difficulty?: InputMaybe<TaskDifficulty>;
+	status?: InputMaybe<TaskStatus>;
+	title?: InputMaybe<Scalars['SearchString']>;
+	updated_at?: InputMaybe<DateRangeInput>;
 };
 
 export enum TaskStatus {
-  Active = 'ACTIVE',
-  InReview = 'IN_REVIEW',
-  Rejected = 'REJECTED'
+	Active = 'ACTIVE',
+	InReview = 'IN_REVIEW',
+	Rejected = 'REJECTED',
 }
 
 export type User = {
-  __typename?: 'User';
-  id: Scalars['ID'];
+	__typename?: 'User';
+	id: Scalars['ID'];
 };
 
-export type GetTasksQueryVariables = Exact<{ [key: string]: never; }>;
+export type GetAllActiveTasksQueryVariables = Exact<{ [key: string]: never }>;
+
+export type GetAllActiveTasksQuery = {
+	__typename?: 'Query';
+	tasks: Array<{
+		__typename?: 'Task';
+		id: string;
+		title: string;
+		description: string;
+		difficulty: string;
+		thumbnailUrl: string;
+		rating: number;
+	}>;
+};
+
+export type GetTaskWithPaginationQueryVariables = Exact<{
+	page?: InputMaybe<Scalars['Int']>;
+}>;
+
+export type GetTaskWithPaginationQuery = {
+	__typename?: 'Query';
+	tasks: Array<{
+		__typename?: 'Task';
+		id: string;
+		title: string;
+		description: string;
+		difficulty: string;
+		thumbnailUrl: string;
+		rating: number;
+	}>;
+};
 
+export type GetTasksQueryVariables = Exact<{ [key: string]: never }>;
 
-export type GetTasksQuery = { __typename?: 'Query', tasks: Array<{ __typename?: 'Task', id: string }> };
+export type GetTasksQuery = {
+	__typename?: 'Query';
+	tasks: Array<{ __typename?: 'Task'; id: string }>;
+};
 
+export const GetAllActiveTasksDocument = gql`
+	query GetAllActiveTasks {
+		tasks(filter: { status: ACTIVE }) {
+			id
+			title
+			description
+			difficulty
+			thumbnailUrl
+			rating
+		}
+	}
+`;
 
-export const GetTasksDocument = gql`
-    query GetTasks {
-  tasks {
-    id
-  }
+/**
+ * __useGetAllActiveTasksQuery__
+ *
+ * To run a query within a React component, call `useGetAllActiveTasksQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetAllActiveTasksQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useGetAllActiveTasksQuery({
+ *   variables: {
+ *   },
+ * });
+ */
+export function useGetAllActiveTasksQuery(
+	baseOptions?: Apollo.QueryHookOptions<
+		GetAllActiveTasksQuery,
+		GetAllActiveTasksQueryVariables
+	>,
+) {
+	const options = { ...defaultOptions, ...baseOptions };
+	return Apollo.useQuery<
+		GetAllActiveTasksQuery,
+		GetAllActiveTasksQueryVariables
+	>(GetAllActiveTasksDocument, options);
 }
-    `;
+
+export function useGetAllActiveTasksLazyQuery(
+	baseOptions?: Apollo.LazyQueryHookOptions<
+		GetAllActiveTasksQuery,
+		GetAllActiveTasksQueryVariables
+	>,
+) {
+	const options = { ...defaultOptions, ...baseOptions };
+	return Apollo.useLazyQuery<
+		GetAllActiveTasksQuery,
+		GetAllActiveTasksQueryVariables
+	>(GetAllActiveTasksDocument, options);
+}
+
+export type GetAllActiveTasksQueryHookResult = ReturnType<
+	typeof useGetAllActiveTasksQuery
+>;
+export type GetAllActiveTasksLazyQueryHookResult = ReturnType<
+	typeof useGetAllActiveTasksLazyQuery
+>;
+export type GetAllActiveTasksQueryResult = Apollo.QueryResult<
+	GetAllActiveTasksQuery,
+	GetAllActiveTasksQueryVariables
+>;
+export const GetTaskWithPaginationDocument = gql`
+	query GetTaskWithPagination($page: Int) {
+		tasks(filter: { status: ACTIVE }, pagination: { page: $page, perPage: 3 }) {
+			id
+			title
+			description
+			difficulty
+			thumbnailUrl
+			rating
+		}
+	}
+`;
+
+/**
+ * __useGetTaskWithPaginationQuery__
+ *
+ * To run a query within a React component, call `useGetTaskWithPaginationQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetTaskWithPaginationQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useGetTaskWithPaginationQuery({
+ *   variables: {
+ *      page: // value for 'page'
+ *   },
+ * });
+ */
+export function useGetTaskWithPaginationQuery(
+	baseOptions?: Apollo.QueryHookOptions<
+		GetTaskWithPaginationQuery,
+		GetTaskWithPaginationQueryVariables
+	>,
+) {
+	const options = { ...defaultOptions, ...baseOptions };
+	return Apollo.useQuery<
+		GetTaskWithPaginationQuery,
+		GetTaskWithPaginationQueryVariables
+	>(GetTaskWithPaginationDocument, options);
+}
+
+export function useGetTaskWithPaginationLazyQuery(
+	baseOptions?: Apollo.LazyQueryHookOptions<
+		GetTaskWithPaginationQuery,
+		GetTaskWithPaginationQueryVariables
+	>,
+) {
+	const options = { ...defaultOptions, ...baseOptions };
+	return Apollo.useLazyQuery<
+		GetTaskWithPaginationQuery,
+		GetTaskWithPaginationQueryVariables
+	>(GetTaskWithPaginationDocument, options);
+}
+
+export type GetTaskWithPaginationQueryHookResult = ReturnType<
+	typeof useGetTaskWithPaginationQuery
+>;
+export type GetTaskWithPaginationLazyQueryHookResult = ReturnType<
+	typeof useGetTaskWithPaginationLazyQuery
+>;
+export type GetTaskWithPaginationQueryResult = Apollo.QueryResult<
+	GetTaskWithPaginationQuery,
+	GetTaskWithPaginationQueryVariables
+>;
+export const GetTasksDocument = gql`
+	query GetTasks {
+		tasks {
+			id
+		}
+	}
+`;
 
 /**
  * __useGetTasksQuery__
@@ -122,170 +294,252 @@ export const GetTasksDocument = gql`
  *   },
  * });
  */
-export function useGetTasksQuery(baseOptions?: Apollo.QueryHookOptions<GetTasksQuery, GetTasksQueryVariables>) {
-        const options = {...defaultOptions, ...baseOptions}
-        return Apollo.useQuery<GetTasksQuery, GetTasksQueryVariables>(GetTasksDocument, options);
-      }
-export function useGetTasksLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<GetTasksQuery, GetTasksQueryVariables>) {
-          const options = {...defaultOptions, ...baseOptions}
-          return Apollo.useLazyQuery<GetTasksQuery, GetTasksQueryVariables>(GetTasksDocument, options);
-        }
-export type GetTasksQueryHookResult = ReturnType<typeof useGetTasksQuery>;
-export type GetTasksLazyQueryHookResult = ReturnType<typeof useGetTasksLazyQuery>;
-export type GetTasksQueryResult = Apollo.QueryResult<GetTasksQuery, GetTasksQueryVariables>;
+export function useGetTasksQuery(
+	baseOptions?: Apollo.QueryHookOptions<GetTasksQuery, GetTasksQueryVariables>,
+) {
+	const options = { ...defaultOptions, ...baseOptions };
+	return Apollo.useQuery<GetTasksQuery, GetTasksQueryVariables>(
+		GetTasksDocument,
+		options,
+	);
+}
 
+export function useGetTasksLazyQuery(
+	baseOptions?: Apollo.LazyQueryHookOptions<
+		GetTasksQuery,
+		GetTasksQueryVariables
+	>,
+) {
+	const options = { ...defaultOptions, ...baseOptions };
+	return Apollo.useLazyQuery<GetTasksQuery, GetTasksQueryVariables>(
+		GetTasksDocument,
+		options,
+	);
+}
 
-export type ResolverTypeWrapper<T> = Promise<T> | T;
+export type GetTasksQueryHookResult = ReturnType<typeof useGetTasksQuery>;
+export type GetTasksLazyQueryHookResult = ReturnType<
+	typeof useGetTasksLazyQuery
+>;
+export type GetTasksQueryResult = Apollo.QueryResult<
+	GetTasksQuery,
+	GetTasksQueryVariables
+>;
 
+export type ResolverTypeWrapper<T> = Promise<T> | T;
 
 export type ResolverWithResolve<TResult, TParent, TContext, TArgs> = {
-  resolve: ResolverFn<TResult, TParent, TContext, TArgs>;
+	resolve: ResolverFn<TResult, TParent, TContext, TArgs>;
 };
-export type Resolver<TResult, TParent = {}, TContext = {}, TArgs = {}> = ResolverFn<TResult, TParent, TContext, TArgs> | ResolverWithResolve<TResult, TParent, TContext, TArgs>;
+export type Resolver<TResult, TParent = {}, TContext = {}, TArgs = {}> =
+	| ResolverFn<TResult, TParent, TContext, TArgs>
+	| ResolverWithResolve<TResult, TParent, TContext, TArgs>;
 
 export type ResolverFn<TResult, TParent, TContext, TArgs> = (
-  parent: TParent,
-  args: TArgs,
-  context: TContext,
-  info: GraphQLResolveInfo
+	parent: TParent,
+	args: TArgs,
+	context: TContext,
+	info: GraphQLResolveInfo,
 ) => Promise<TResult> | TResult;
 
 export type SubscriptionSubscribeFn<TResult, TParent, TContext, TArgs> = (
-  parent: TParent,
-  args: TArgs,
-  context: TContext,
-  info: GraphQLResolveInfo
+	parent: TParent,
+	args: TArgs,
+	context: TContext,
+	info: GraphQLResolveInfo,
 ) => AsyncIterable<TResult> | Promise<AsyncIterable<TResult>>;
 
 export type SubscriptionResolveFn<TResult, TParent, TContext, TArgs> = (
-  parent: TParent,
-  args: TArgs,
-  context: TContext,
-  info: GraphQLResolveInfo
+	parent: TParent,
+	args: TArgs,
+	context: TContext,
+	info: GraphQLResolveInfo,
 ) => TResult | Promise<TResult>;
 
-export interface SubscriptionSubscriberObject<TResult, TKey extends string, TParent, TContext, TArgs> {
-  subscribe: SubscriptionSubscribeFn<{ [key in TKey]: TResult }, TParent, TContext, TArgs>;
-  resolve?: SubscriptionResolveFn<TResult, { [key in TKey]: TResult }, TContext, TArgs>;
+export interface SubscriptionSubscriberObject<
+	TResult,
+	TKey extends string,
+	TParent,
+	TContext,
+	TArgs,
+> {
+	subscribe: SubscriptionSubscribeFn<
+		{ [key in TKey]: TResult },
+		TParent,
+		TContext,
+		TArgs
+	>;
+	resolve?: SubscriptionResolveFn<
+		TResult,
+		{ [key in TKey]: TResult },
+		TContext,
+		TArgs
+	>;
 }
 
 export interface SubscriptionResolverObject<TResult, TParent, TContext, TArgs> {
-  subscribe: SubscriptionSubscribeFn<any, TParent, TContext, TArgs>;
-  resolve: SubscriptionResolveFn<TResult, any, TContext, TArgs>;
+	subscribe: SubscriptionSubscribeFn<any, TParent, TContext, TArgs>;
+	resolve: SubscriptionResolveFn<TResult, any, TContext, TArgs>;
 }
 
-export type SubscriptionObject<TResult, TKey extends string, TParent, TContext, TArgs> =
-  | SubscriptionSubscriberObject<TResult, TKey, TParent, TContext, TArgs>
-  | SubscriptionResolverObject<TResult, TParent, TContext, TArgs>;
-
-export type SubscriptionResolver<TResult, TKey extends string, TParent = {}, TContext = {}, TArgs = {}> =
-  | ((...args: any[]) => SubscriptionObject<TResult, TKey, TParent, TContext, TArgs>)
-  | SubscriptionObject<TResult, TKey, TParent, TContext, TArgs>;
+export type SubscriptionObject<
+	TResult,
+	TKey extends string,
+	TParent,
+	TContext,
+	TArgs,
+> =
+	| SubscriptionSubscriberObject<TResult, TKey, TParent, TContext, TArgs>
+	| SubscriptionResolverObject<TResult, TParent, TContext, TArgs>;
+
+export type SubscriptionResolver<
+	TResult,
+	TKey extends string,
+	TParent = {},
+	TContext = {},
+	TArgs = {},
+> =
+	| ((
+			...args: any[]
+	  ) => SubscriptionObject<TResult, TKey, TParent, TContext, TArgs>)
+	| SubscriptionObject<TResult, TKey, TParent, TContext, TArgs>;
 
 export type TypeResolveFn<TTypes, TParent = {}, TContext = {}> = (
-  parent: TParent,
-  context: TContext,
-  info: GraphQLResolveInfo
+	parent: TParent,
+	context: TContext,
+	info: GraphQLResolveInfo,
 ) => Maybe<TTypes> | Promise<Maybe<TTypes>>;
 
-export type IsTypeOfResolverFn<T = {}, TContext = {}> = (obj: T, context: TContext, info: GraphQLResolveInfo) => boolean | Promise<boolean>;
+export type IsTypeOfResolverFn<T = {}, TContext = {}> = (
+	obj: T,
+	context: TContext,
+	info: GraphQLResolveInfo,
+) => boolean | Promise<boolean>;
 
 export type NextResolverFn<T> = () => Promise<T>;
 
-export type DirectiveResolverFn<TResult = {}, TParent = {}, TContext = {}, TArgs = {}> = (
-  next: NextResolverFn<TResult>,
-  parent: TParent,
-  args: TArgs,
-  context: TContext,
-  info: GraphQLResolveInfo
+export type DirectiveResolverFn<
+	TResult = {},
+	TParent = {},
+	TContext = {},
+	TArgs = {},
+> = (
+	next: NextResolverFn<TResult>,
+	parent: TParent,
+	args: TArgs,
+	context: TContext,
+	info: GraphQLResolveInfo,
 ) => TResult | Promise<TResult>;
 
 /** Mapping between all available schema types and the resolvers types */
 export type ResolversTypes = {
-  AuthInfo: ResolverTypeWrapper<AuthInfo>;
-  Boolean: ResolverTypeWrapper<Scalars['Boolean']>;
-  Date: ResolverTypeWrapper<Scalars['Date']>;
-  DateRangeInput: DateRangeInput;
-  DateTime: ResolverTypeWrapper<Scalars['DateTime']>;
-  ID: ResolverTypeWrapper<Scalars['ID']>;
-  Int: ResolverTypeWrapper<Scalars['Int']>;
-  NumberRangeInput: NumberRangeInput;
-  PaginationInput: PaginationInput;
-  Query: ResolverTypeWrapper<{}>;
-  SearchString: ResolverTypeWrapper<Scalars['SearchString']>;
-  String: ResolverTypeWrapper<Scalars['String']>;
-  Task: ResolverTypeWrapper<Task>;
-  TaskDifficulty: TaskDifficulty;
-  TaskFilterInput: TaskFilterInput;
-  TaskStatus: TaskStatus;
-  User: ResolverTypeWrapper<User>;
+	AuthInfo: ResolverTypeWrapper<AuthInfo>;
+	Boolean: ResolverTypeWrapper<Scalars['Boolean']>;
+	Date: ResolverTypeWrapper<Scalars['Date']>;
+	DateRangeInput: DateRangeInput;
+	DateTime: ResolverTypeWrapper<Scalars['DateTime']>;
+	ID: ResolverTypeWrapper<Scalars['ID']>;
+	Int: ResolverTypeWrapper<Scalars['Int']>;
+	NumberRangeInput: NumberRangeInput;
+	PaginationInput: PaginationInput;
+	Query: ResolverTypeWrapper<{}>;
+	SearchString: ResolverTypeWrapper<Scalars['SearchString']>;
+	String: ResolverTypeWrapper<Scalars['String']>;
+	Task: ResolverTypeWrapper<Task>;
+	TaskDifficulty: TaskDifficulty;
+	TaskFilterInput: TaskFilterInput;
+	TaskStatus: TaskStatus;
+	User: ResolverTypeWrapper<User>;
 };
 
 /** Mapping between all available schema types and the resolvers parents */
 export type ResolversParentTypes = {
-  AuthInfo: AuthInfo;
-  Boolean: Scalars['Boolean'];
-  Date: Scalars['Date'];
-  DateRangeInput: DateRangeInput;
-  DateTime: Scalars['DateTime'];
-  ID: Scalars['ID'];
-  Int: Scalars['Int'];
-  NumberRangeInput: NumberRangeInput;
-  PaginationInput: PaginationInput;
-  Query: {};
-  SearchString: Scalars['SearchString'];
-  String: Scalars['String'];
-  Task: Task;
-  TaskFilterInput: TaskFilterInput;
-  User: User;
+	AuthInfo: AuthInfo;
+	Boolean: Scalars['Boolean'];
+	Date: Scalars['Date'];
+	DateRangeInput: DateRangeInput;
+	DateTime: Scalars['DateTime'];
+	ID: Scalars['ID'];
+	Int: Scalars['Int'];
+	NumberRangeInput: NumberRangeInput;
+	PaginationInput: PaginationInput;
+	Query: {};
+	SearchString: Scalars['SearchString'];
+	String: Scalars['String'];
+	Task: Task;
+	TaskFilterInput: TaskFilterInput;
+	User: User;
 };
 
-export type AuthInfoResolvers<ContextType = any, ParentType extends ResolversParentTypes['AuthInfo'] = ResolversParentTypes['AuthInfo']> = {
-  sub?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
-  __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
+export type AuthInfoResolvers<
+	ContextType = any,
+	ParentType extends ResolversParentTypes['AuthInfo'] = ResolversParentTypes['AuthInfo'],
+> = {
+	sub?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
+	__isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 };
 
-export interface DateScalarConfig extends GraphQLScalarTypeConfig<ResolversTypes['Date'], any> {
-  name: 'Date';
+export interface DateScalarConfig
+	extends GraphQLScalarTypeConfig<ResolversTypes['Date'], any> {
+	name: 'Date';
 }
 
-export interface DateTimeScalarConfig extends GraphQLScalarTypeConfig<ResolversTypes['DateTime'], any> {
-  name: 'DateTime';
+export interface DateTimeScalarConfig
+	extends GraphQLScalarTypeConfig<ResolversTypes['DateTime'], any> {
+	name: 'DateTime';
 }
 
-export type QueryResolvers<ContextType = any, ParentType extends ResolversParentTypes['Query'] = ResolversParentTypes['Query']> = {
-  authInfo?: Resolver<Maybe<ResolversTypes['AuthInfo']>, ParentType, ContextType>;
-  tasks?: Resolver<Array<ResolversTypes['Task']>, ParentType, ContextType, Partial<QueryTasksArgs>>;
+export type QueryResolvers<
+	ContextType = any,
+	ParentType extends ResolversParentTypes['Query'] = ResolversParentTypes['Query'],
+> = {
+	authInfo?: Resolver<
+		Maybe<ResolversTypes['AuthInfo']>,
+		ParentType,
+		ContextType
+	>;
+	tasks?: Resolver<
+		Array<ResolversTypes['Task']>,
+		ParentType,
+		ContextType,
+		Partial<QueryTasksArgs>
+	>;
 };
 
-export interface SearchStringScalarConfig extends GraphQLScalarTypeConfig<ResolversTypes['SearchString'], any> {
-  name: 'SearchString';
+export interface SearchStringScalarConfig
+	extends GraphQLScalarTypeConfig<ResolversTypes['SearchString'], any> {
+	name: 'SearchString';
 }
 
-export type TaskResolvers<ContextType = any, ParentType extends ResolversParentTypes['Task'] = ResolversParentTypes['Task']> = {
-  author?: Resolver<ResolversTypes['User'], ParentType, ContextType>;
-  description?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-  difficulty?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-  id?: Resolver<ResolversTypes['ID'], ParentType, ContextType>;
-  rating?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
-  status?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-  thumbnailUrl?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-  title?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-  __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
+export type TaskResolvers<
+	ContextType = any,
+	ParentType extends ResolversParentTypes['Task'] = ResolversParentTypes['Task'],
+> = {
+	author?: Resolver<ResolversTypes['User'], ParentType, ContextType>;
+	description?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+	difficulty?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+	id?: Resolver<ResolversTypes['ID'], ParentType, ContextType>;
+	rating?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+	status?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+	thumbnailUrl?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+	title?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+	__isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 };
 
-export type UserResolvers<ContextType = any, ParentType extends ResolversParentTypes['User'] = ResolversParentTypes['User']> = {
-  id?: Resolver<ResolversTypes['ID'], ParentType, ContextType>;
-  __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
+export type UserResolvers<
+	ContextType = any,
+	ParentType extends ResolversParentTypes['User'] = ResolversParentTypes['User'],
+> = {
+	id?: Resolver<ResolversTypes['ID'], ParentType, ContextType>;
+	__isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 };
 
 export type Resolvers<ContextType = any> = {
-  AuthInfo?: AuthInfoResolvers<ContextType>;
-  Date?: GraphQLScalarType;
-  DateTime?: GraphQLScalarType;
-  Query?: QueryResolvers<ContextType>;
-  SearchString?: GraphQLScalarType;
-  Task?: TaskResolvers<ContextType>;
-  User?: UserResolvers<ContextType>;
+	AuthInfo?: AuthInfoResolvers<ContextType>;
+	Date?: GraphQLScalarType;
+	DateTime?: GraphQLScalarType;
+	Query?: QueryResolvers<ContextType>;
+	SearchString?: GraphQLScalarType;
+	Task?: TaskResolvers<ContextType>;
+	User?: UserResolvers<ContextType>;
 };
-

From d621d8ab1fba835ba1e088d2fc67cb61de9ce637 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Sun, 26 Mar 2023 22:25:40 +0200
Subject: [PATCH 05/10] fix: default checked props

---
 apps/web/components/molecules/filters/filters.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/molecules/filters/filters.tsx b/apps/web/components/molecules/filters/filters.tsx
index 22b5448..41c1d6b 100644
--- a/apps/web/components/molecules/filters/filters.tsx
+++ b/apps/web/components/molecules/filters/filters.tsx
@@ -1,5 +1,5 @@
 import { Disclosure } from '@headlessui/react';
-import { Text, Checkbox, Heading } from 'ui';
+import { Checkbox, Heading, Text } from 'ui';
 import { MinusIcon, PlusIcon } from '@heroicons/react/20/solid';
 import type { Filter } from '../../../types/types';
 
@@ -35,7 +35,7 @@ export const Filters = ({ filters }: FiltersProps) => {
 								<div className="space-y-6">
 									{section.options.map((option) => (
 										<div key={option.value} className="flex items-center">
-											<Checkbox label={option.label} />
+											<Checkbox label={option.label} checked={option.checked} />
 										</div>
 									))}
 								</div>

From fb6514aa3303ee080d91cd770ba8d83d2f7be092 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Sun, 26 Mar 2023 22:26:29 +0200
Subject: [PATCH 06/10] chore: fetch challenges from api

---
 .../challengesList/challengesList.tsx         |  9 +--
 .../challenges/all/allChallenges.tsx          | 55 ++++++-------------
 2 files changed, 20 insertions(+), 44 deletions(-)

diff --git a/apps/web/components/organisms/challengesList/challengesList.tsx b/apps/web/components/organisms/challengesList/challengesList.tsx
index 6862597..ffdc16f 100644
--- a/apps/web/components/organisms/challengesList/challengesList.tsx
+++ b/apps/web/components/organisms/challengesList/challengesList.tsx
@@ -1,9 +1,10 @@
 import { ChallengeItem } from 'molecules/challengeItem/challengeItem';
-import type { Challenge } from '../../../types/types';
+import type { GetTaskWithPaginationQueryHookResult } from 'generated';
 
 type TasksListProps = {
-	challenges: Challenge[];
+	challenges: GetTaskWithPaginationQueryHookResult['data']['tasks'][];
 };
+
 export const ChallengesList = ({ challenges }: TasksListProps) => {
 	return (
 		<div className="flex flex-col justify-between lg:col-span-3">
@@ -12,10 +13,6 @@ export const ChallengesList = ({ challenges }: TasksListProps) => {
 					return <ChallengeItem key={challenge.id} {...challenge} />;
 				})}
 			</ul>
-
-			{/*<div className="h-96 rounded-lg border-4 border-dashed border-gray-200 lg:h-full">*/}
-			{/*	Zadania*/}
-			{/*</div>*/}
 		</div>
 	);
 };
diff --git a/apps/web/components/templates/challenges/all/allChallenges.tsx b/apps/web/components/templates/challenges/all/allChallenges.tsx
index a38bdf8..51e4a00 100644
--- a/apps/web/components/templates/challenges/all/allChallenges.tsx
+++ b/apps/web/components/templates/challenges/all/allChallenges.tsx
@@ -1,13 +1,13 @@
-import { Heading, VisuallyHidden } from 'ui';
+import { Heading, Spinner, VisuallyHidden } from 'ui';
 import { ChallengesList } from 'organisms/challengesList/challengesList';
-import { Fragment } from 'react';
+import { Fragment, useState } from 'react';
 import { Dialog, Transition } from '@headlessui/react';
-import type { Challenge, Filter, SortOption } from '../../../../types/types';
-import { useState } from 'react';
+import type { Filter, SortOption } from '../../../../types/types';
 import { XMarkIcon } from '@heroicons/react/24/outline';
 import { FunnelIcon } from '@heroicons/react/20/solid';
 import { Filters } from 'molecules/filters/filters';
 import { SortMenu } from 'organisms/sortMenu/sortMenu';
+import { useGetTaskWithPaginationQuery } from 'generated';
 
 const sortOptions: SortOption[] = [
 	{ name: 'Difficulty', value: 'difficulty', href: '#', current: true },
@@ -17,45 +17,26 @@ const sortOptions: SortOption[] = [
 const filters: Filter[] = [
 	{
 		id: 'difficulty',
-		name: 'Difficulty',
+		name: 'Poziom trudności',
 		options: [
-			{ value: 'easy', label: 'Easy', checked: false },
-			{ value: 'medium', label: 'Medium', checked: true },
-			{ value: 'hard', label: 'Hard', checked: false },
+			{ value: 'INTERMEDIATE', label: 'Mid', checked: false },
+			{ value: 'BEGINNER', label: 'Początkujący', checked: false },
+			{ value: 'ADVANCED', label: 'Zaawansowany', checked: false },
 		],
 	},
 	{ id: 'category', name: 'Category', options: [] },
 ];
 
-export const challenges: Challenge[] = [
-	{
-		id: '1',
-		title: 'First Challenge',
-		description:
-			'This is example of challenge. In hac habitasse platea dictumst. Praesent eu auctor velit. Cras mattis gravida odio euismod placerat. Morbi vestibulum dapibus diam, a lacinia felis porttitor vel. Ut sodales tincidunt orci, vel condimentum nibh. Fusce in elit euismod, laoreet felis vel, rutrum lacus.',
-		designs: '',
-		difficulty: 'medium',
-		image:
-			'https://images.unsplash.com/photo-1498008122250-bcb854c8462d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80',
-		rating: 5,
-		tags: ['TypeScript'],
-	},
-	{
-		id: '2',
-		title: 'Second Challenge',
-		description:
-			'This is example of challenge. In hac habitasse platea dictumst. Praesent eu auctor velit. Cras mattis gravida odio euismod placerat. Morbi vestibulum dapibus diam, a lacinia felis porttitor vel. Ut sodales tincidunt orci, vel condimentum nibh. Fusce in elit euismod, laoreet felis vel, rutrum lacus.',
-
-		designs: '',
-		difficulty: 'advanced',
-		image:
-			'https://cdn.pixabay.com/photo/2020/11/28/06/15/cold-5783718_1280.jpg',
-		rating: 3.26,
-		tags: ['JavaScript', 'React'],
-	},
-];
 export const AllChallengesPage = () => {
 	const [mobileFiltersOpen, setMobileFiltersOpen] = useState(false);
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	const [page, setPage] = useState(1);
+
+	const { data, loading } = useGetTaskWithPaginationQuery({
+		variables: { page },
+	});
+
+	const challenges = data?.tasks || [];
 
 	return (
 		<>
@@ -100,7 +81,6 @@ export const AllChallengesPage = () => {
 									</button>
 								</div>
 
-								{/* Filters */}
 								<form className="mt-4 border-t border-gray-200">
 									<VisuallyHidden>Filtry</VisuallyHidden>
 									<Filters filters={filters} />
@@ -136,12 +116,11 @@ export const AllChallengesPage = () => {
 					<VisuallyHidden>Zadania</VisuallyHidden>
 
 					<div className="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-4">
-						{/* Filters */}
 						<form className="hidden lg:block">
 							<VisuallyHidden>Filters</VisuallyHidden>
 							<Filters filters={filters} />
 						</form>
-						<ChallengesList challenges={challenges} />
+						{loading ? <Spinner /> : <ChallengesList challenges={challenges} />}
 					</div>
 				</section>
 			</main>

From 89077ca7cd9b0afadfe90d6046d48e3ce16391f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Sun, 26 Mar 2023 22:30:52 +0200
Subject: [PATCH 07/10] fix: prettier formating

---
 .../templates/challenges/all/getAllTasks.gql  | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/web/components/templates/challenges/all/getAllTasks.gql b/apps/web/components/templates/challenges/all/getAllTasks.gql
index 97230e2..ae0fac9 100644
--- a/apps/web/components/templates/challenges/all/getAllTasks.gql
+++ b/apps/web/components/templates/challenges/all/getAllTasks.gql
@@ -1,21 +1,21 @@
 query GetAllActiveTasks {
-    tasks(filter: {status: ACTIVE}) {
-        id,
-        title,
-        description,
-        difficulty,
-        thumbnailUrl,
-        rating,
+    tasks(filter: { status: ACTIVE }) {
+        id
+        title
+        description
+        difficulty
+        thumbnailUrl
+        rating
     }
 }
 
 query GetTaskWithPagination($page: Int) {
-    tasks(filter: {status: ACTIVE}, pagination: {page: $page, perPage: 3}) {
-        id,
-        title,
-        description,
-        difficulty,
-        thumbnailUrl,
-        rating,
+    tasks(filter: { status: ACTIVE }, pagination: { page: $page, perPage: 3 }) {
+        id
+        title
+        description
+        difficulty
+        thumbnailUrl
+        rating
     }
 }

From dd52c655ef13789f66400588977eb04227d0940b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Sun, 26 Mar 2023 22:37:15 +0200
Subject: [PATCH 08/10] fix: prettier formating

---
 apps/api/schema.gql | 70 ++++++++++++++++++++++++---------------------
 1 file changed, 37 insertions(+), 33 deletions(-)

diff --git a/apps/api/schema.gql b/apps/api/schema.gql
index 07fc514..f9ec627 100644
--- a/apps/api/schema.gql
+++ b/apps/api/schema.gql
@@ -1,6 +1,8 @@
-"""Auth0 user info"""
+"""
+Auth0 user info
+"""
 type AuthInfo {
-  sub: String
+    sub: String
 }
 
 """
@@ -9,8 +11,8 @@ A date string, such as 2007-12-03, compliant with the `full-date` format outline
 scalar Date
 
 input DateRangeInput {
-  gte: Date
-  lte: Date
+    gte: Date
+    lte: Date
 }
 
 """
@@ -19,55 +21,57 @@ A date-time string at UTC, such as 2007-12-03T10:15:30Z, compliant with the `dat
 scalar DateTime
 
 input NumberRangeInput {
-  gte: Int
-  lte: Int
+    gte: Int
+    lte: Int
 }
 
 input PaginationInput {
-  page: Int = 1
-  perPage: Int = 10
+    page: Int = 1
+    perPage: Int = 10
 }
 
 type Query {
-  """Auth0 context info"""
-  authInfo: AuthInfo
-  tasks(filter: TaskFilterInput, pagination: PaginationInput): [Task!]!
+    """
+    Auth0 context info
+    """
+    authInfo: AuthInfo
+    tasks(filter: TaskFilterInput, pagination: PaginationInput): [Task!]!
 }
 
 scalar SearchString
 
 type Task {
-  author: User!
-  description: String!
-  difficulty: String!
-  id: ID!
-  rating: Int!
-  status: String!
-  thumbnailUrl: String!
-  title: String!
+    author: User!
+    description: String!
+    difficulty: String!
+    id: ID!
+    rating: Int!
+    status: String!
+    thumbnailUrl: String!
+    title: String!
 }
 
 enum TaskDifficulty {
-  ADVANCED
-  BEGINNER
-  INTERMEDIATE
+    ADVANCED
+    BEGINNER
+    INTERMEDIATE
 }
 
 input TaskFilterInput {
-  created_at: DateRangeInput
-  description: SearchString
-  difficulty: TaskDifficulty
-  status: TaskStatus = ACTIVE
-  title: SearchString
-  updated_at: DateRangeInput
+    created_at: DateRangeInput
+    description: SearchString
+    difficulty: TaskDifficulty
+    status: TaskStatus = ACTIVE
+    title: SearchString
+    updated_at: DateRangeInput
 }
 
 enum TaskStatus {
-  ACTIVE
-  IN_REVIEW
-  REJECTED
+    ACTIVE
+    IN_REVIEW
+    REJECTED
 }
 
 type User {
-  id: ID!
-}
\ No newline at end of file
+    id: ID!
+}

From 6d2788ad67a05c77d36760848b0a52e32548eee6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Mon, 27 Mar 2023 10:52:05 +0200
Subject: [PATCH 09/10] file renamed .qgl to .graphql

---
 .../templates/challenges/all/getAllTasks.gql  | 21 -------------------
 .../challenges/all/getAllTasks.graphql        | 21 +++++++++++++++++++
 2 files changed, 21 insertions(+), 21 deletions(-)
 delete mode 100644 apps/web/components/templates/challenges/all/getAllTasks.gql
 create mode 100644 apps/web/components/templates/challenges/all/getAllTasks.graphql

diff --git a/apps/web/components/templates/challenges/all/getAllTasks.gql b/apps/web/components/templates/challenges/all/getAllTasks.gql
deleted file mode 100644
index ae0fac9..0000000
--- a/apps/web/components/templates/challenges/all/getAllTasks.gql
+++ /dev/null
@@ -1,21 +0,0 @@
-query GetAllActiveTasks {
-    tasks(filter: { status: ACTIVE }) {
-        id
-        title
-        description
-        difficulty
-        thumbnailUrl
-        rating
-    }
-}
-
-query GetTaskWithPagination($page: Int) {
-    tasks(filter: { status: ACTIVE }, pagination: { page: $page, perPage: 3 }) {
-        id
-        title
-        description
-        difficulty
-        thumbnailUrl
-        rating
-    }
-}
diff --git a/apps/web/components/templates/challenges/all/getAllTasks.graphql b/apps/web/components/templates/challenges/all/getAllTasks.graphql
new file mode 100644
index 0000000..44caf64
--- /dev/null
+++ b/apps/web/components/templates/challenges/all/getAllTasks.graphql
@@ -0,0 +1,21 @@
+query GetAllActiveTasks {
+	tasks(filter: { status: ACTIVE }) {
+		id
+		title
+		description
+		difficulty
+		thumbnailUrl
+		rating
+	}
+}
+
+query GetTaskWithPagination($page: Int) {
+	tasks(filter: { status: ACTIVE }, pagination: { page: $page, perPage: 3 }) {
+		id
+		title
+		description
+		difficulty
+		thumbnailUrl
+		rating
+	}
+}

From 42d4d00b799da6553601373b00196f5c54ab74b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stanis=C5=82aw=20Synowiec?= <stasyn1410@gmail.com>
Date: Mon, 27 Mar 2023 10:56:23 +0200
Subject: [PATCH 10/10] file renamed .qgl to .graphql

---
 .graphqlrc.yml                          |   4 +-
 apps/api/index.ts                       |   2 +-
 apps/api/{schema.gql => schema.graphql} |  66 +--
 packages/generated/codegen.ts           |  33 +-
 packages/generated/generated.ts         | 612 ++++++++----------------
 5 files changed, 260 insertions(+), 457 deletions(-)
 rename apps/api/{schema.gql => schema.graphql} (52%)

diff --git a/.graphqlrc.yml b/.graphqlrc.yml
index 438e87b..09c907b 100644
--- a/.graphqlrc.yml
+++ b/.graphqlrc.yml
@@ -1,2 +1,2 @@
-schema: './apps/api/schema.gql'
-documents: './apps/web/**/*.gql'
+schema: './apps/api/schema.graphql'
+documents: './apps/web/**/*.graphql'
diff --git a/apps/api/index.ts b/apps/api/index.ts
index 1f72b45..257f27d 100644
--- a/apps/api/index.ts
+++ b/apps/api/index.ts
@@ -7,7 +7,7 @@ import { schemaAsString } from './src/graphql';
 
 const main = async () => {
 	try {
-		await writeFile('./schema.gql', schemaAsString);
+		await writeFile('./schema.graphql', schemaAsString);
 		server.listen({ port: env.PORT });
 
 		logger.success(`🚀 Server ready at http://localhost:${env.PORT}`);
diff --git a/apps/api/schema.gql b/apps/api/schema.graphql
similarity index 52%
rename from apps/api/schema.gql
rename to apps/api/schema.graphql
index f9ec627..6b79335 100644
--- a/apps/api/schema.gql
+++ b/apps/api/schema.graphql
@@ -2,7 +2,7 @@
 Auth0 user info
 """
 type AuthInfo {
-    sub: String
+	sub: String
 }
 
 """
@@ -11,8 +11,8 @@ A date string, such as 2007-12-03, compliant with the `full-date` format outline
 scalar Date
 
 input DateRangeInput {
-    gte: Date
-    lte: Date
+	gte: Date
+	lte: Date
 }
 
 """
@@ -21,57 +21,57 @@ A date-time string at UTC, such as 2007-12-03T10:15:30Z, compliant with the `dat
 scalar DateTime
 
 input NumberRangeInput {
-    gte: Int
-    lte: Int
+	gte: Int
+	lte: Int
 }
 
 input PaginationInput {
-    page: Int = 1
-    perPage: Int = 10
+	page: Int = 1
+	perPage: Int = 10
 }
 
 type Query {
-    """
-    Auth0 context info
-    """
-    authInfo: AuthInfo
-    tasks(filter: TaskFilterInput, pagination: PaginationInput): [Task!]!
+	"""
+	Auth0 context info
+	"""
+	authInfo: AuthInfo
+	tasks(filter: TaskFilterInput, pagination: PaginationInput): [Task!]!
 }
 
 scalar SearchString
 
 type Task {
-    author: User!
-    description: String!
-    difficulty: String!
-    id: ID!
-    rating: Int!
-    status: String!
-    thumbnailUrl: String!
-    title: String!
+	author: User!
+	description: String!
+	difficulty: String!
+	id: ID!
+	rating: Int!
+	status: String!
+	thumbnailUrl: String!
+	title: String!
 }
 
 enum TaskDifficulty {
-    ADVANCED
-    BEGINNER
-    INTERMEDIATE
+	ADVANCED
+	BEGINNER
+	INTERMEDIATE
 }
 
 input TaskFilterInput {
-    created_at: DateRangeInput
-    description: SearchString
-    difficulty: TaskDifficulty
-    status: TaskStatus = ACTIVE
-    title: SearchString
-    updated_at: DateRangeInput
+	created_at: DateRangeInput
+	description: SearchString
+	difficulty: TaskDifficulty
+	status: TaskStatus = ACTIVE
+	title: SearchString
+	updated_at: DateRangeInput
 }
 
 enum TaskStatus {
-    ACTIVE
-    IN_REVIEW
-    REJECTED
+	ACTIVE
+	IN_REVIEW
+	REJECTED
 }
 
 type User {
-    id: ID!
+	id: ID!
 }
diff --git a/packages/generated/codegen.ts b/packages/generated/codegen.ts
index 1872eef..10c647b 100644
--- a/packages/generated/codegen.ts
+++ b/packages/generated/codegen.ts
@@ -1,24 +1,29 @@
 import type { CodegenConfig } from '@graphql-codegen/cli';
- 
+
 const config: CodegenConfig = {
-	schema: '../../apps/api/schema.gql',
-	documents: ['../../apps/web/**/*.gql'],
+	schema: '../../apps/api/schema.graphql',
+	documents: ['../../apps/web/**/*.graphql'],
 	generates: {
 		'./generated.ts': {
-			plugins: ['typescript', 'typescript-operations', 'typescript-react-apollo', 'typescript-resolvers'],
+			plugins: [
+				'typescript',
+				'typescript-operations',
+				'typescript-react-apollo',
+				'typescript-resolvers',
+			],
 			config: {
 				withHooks: true,
 				scalars: {
-					'Date': 'string',
-					'DateTime': 'string',
-					'SearchString': 'string'
-				}
+					Date: 'string',
+					DateTime: 'string',
+					SearchString: 'string',
+				},
 			},
 			hooks: {
-				'afterOneFileWrite': ['yarn postgenerate']
-			}
-		}
-	}
+				afterOneFileWrite: ['yarn postgenerate'],
+			},
+		},
+	},
 };
- 
-export default config;
\ No newline at end of file
+
+export default config;
diff --git a/packages/generated/generated.ts b/packages/generated/generated.ts
index 3d7b5a0..8d0852d 100644
--- a/packages/generated/generated.ts
+++ b/packages/generated/generated.ts
@@ -1,159 +1,123 @@
-import {
-	GraphQLResolveInfo,
-	GraphQLScalarType,
-	GraphQLScalarTypeConfig,
-} from 'graphql';
-import * as Apollo from '@apollo/client';
+import { GraphQLResolveInfo, GraphQLScalarType, GraphQLScalarTypeConfig } from 'graphql';
 import { gql } from '@apollo/client';
-
+import * as Apollo from '@apollo/client';
 export type Maybe<T> = T | null;
 export type InputMaybe<T> = Maybe<T>;
-export type Exact<T extends { [key: string]: unknown }> = {
-	[K in keyof T]: T[K];
-};
-export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
-	[SubKey in K]?: Maybe<T[SubKey]>;
-};
-export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
-	[SubKey in K]: Maybe<T[SubKey]>;
-};
+export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
 const defaultOptions = {} as const;
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-	ID: string;
-	String: string;
-	Boolean: boolean;
-	Int: number;
-	Float: number;
-	/** A date string, such as 2007-12-03, compliant with the `full-date` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
-	Date: string;
-	/** A date-time string at UTC, such as 2007-12-03T10:15:30Z, compliant with the `date-time` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
-	DateTime: string;
-	SearchString: string;
+  ID: string;
+  String: string;
+  Boolean: boolean;
+  Int: number;
+  Float: number;
+  /** A date string, such as 2007-12-03, compliant with the `full-date` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
+  Date: string;
+  /** A date-time string at UTC, such as 2007-12-03T10:15:30Z, compliant with the `date-time` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
+  DateTime: string;
+  SearchString: string;
 };
 
 /** Auth0 user info */
 export type AuthInfo = {
-	__typename?: 'AuthInfo';
-	sub?: Maybe<Scalars['String']>;
+  __typename?: 'AuthInfo';
+  sub?: Maybe<Scalars['String']>;
 };
 
 export type DateRangeInput = {
-	gte?: InputMaybe<Scalars['Date']>;
-	lte?: InputMaybe<Scalars['Date']>;
+  gte?: InputMaybe<Scalars['Date']>;
+  lte?: InputMaybe<Scalars['Date']>;
 };
 
 export type NumberRangeInput = {
-	gte?: InputMaybe<Scalars['Int']>;
-	lte?: InputMaybe<Scalars['Int']>;
+  gte?: InputMaybe<Scalars['Int']>;
+  lte?: InputMaybe<Scalars['Int']>;
 };
 
 export type PaginationInput = {
-	page?: InputMaybe<Scalars['Int']>;
-	perPage?: InputMaybe<Scalars['Int']>;
+  page?: InputMaybe<Scalars['Int']>;
+  perPage?: InputMaybe<Scalars['Int']>;
 };
 
 export type Query = {
-	__typename?: 'Query';
-	/** Auth0 context info */
-	authInfo?: Maybe<AuthInfo>;
-	tasks: Array<Task>;
+  __typename?: 'Query';
+  /** Auth0 context info */
+  authInfo?: Maybe<AuthInfo>;
+  tasks: Array<Task>;
 };
 
+
 export type QueryTasksArgs = {
-	filter?: InputMaybe<TaskFilterInput>;
-	pagination?: InputMaybe<PaginationInput>;
+  filter?: InputMaybe<TaskFilterInput>;
+  pagination?: InputMaybe<PaginationInput>;
 };
 
 export type Task = {
-	__typename?: 'Task';
-	author: User;
-	description: Scalars['String'];
-	difficulty: Scalars['String'];
-	id: Scalars['ID'];
-	rating: Scalars['Int'];
-	status: Scalars['String'];
-	thumbnailUrl: Scalars['String'];
-	title: Scalars['String'];
+  __typename?: 'Task';
+  author: User;
+  description: Scalars['String'];
+  difficulty: Scalars['String'];
+  id: Scalars['ID'];
+  rating: Scalars['Int'];
+  status: Scalars['String'];
+  thumbnailUrl: Scalars['String'];
+  title: Scalars['String'];
 };
 
 export enum TaskDifficulty {
-	Advanced = 'ADVANCED',
-	Beginner = 'BEGINNER',
-	Intermediate = 'INTERMEDIATE',
+  Advanced = 'ADVANCED',
+  Beginner = 'BEGINNER',
+  Intermediate = 'INTERMEDIATE'
 }
 
 export type TaskFilterInput = {
-	created_at?: InputMaybe<DateRangeInput>;
-	description?: InputMaybe<Scalars['SearchString']>;
-	difficulty?: InputMaybe<TaskDifficulty>;
-	status?: InputMaybe<TaskStatus>;
-	title?: InputMaybe<Scalars['SearchString']>;
-	updated_at?: InputMaybe<DateRangeInput>;
+  created_at?: InputMaybe<DateRangeInput>;
+  description?: InputMaybe<Scalars['SearchString']>;
+  difficulty?: InputMaybe<TaskDifficulty>;
+  status?: InputMaybe<TaskStatus>;
+  title?: InputMaybe<Scalars['SearchString']>;
+  updated_at?: InputMaybe<DateRangeInput>;
 };
 
 export enum TaskStatus {
-	Active = 'ACTIVE',
-	InReview = 'IN_REVIEW',
-	Rejected = 'REJECTED',
+  Active = 'ACTIVE',
+  InReview = 'IN_REVIEW',
+  Rejected = 'REJECTED'
 }
 
 export type User = {
-	__typename?: 'User';
-	id: Scalars['ID'];
+  __typename?: 'User';
+  id: Scalars['ID'];
 };
 
-export type GetAllActiveTasksQueryVariables = Exact<{ [key: string]: never }>;
-
-export type GetAllActiveTasksQuery = {
-	__typename?: 'Query';
-	tasks: Array<{
-		__typename?: 'Task';
-		id: string;
-		title: string;
-		description: string;
-		difficulty: string;
-		thumbnailUrl: string;
-		rating: number;
-	}>;
-};
+export type GetAllActiveTasksQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type GetAllActiveTasksQuery = { __typename?: 'Query', tasks: Array<{ __typename?: 'Task', id: string, title: string, description: string, difficulty: string, thumbnailUrl: string, rating: number }> };
 
 export type GetTaskWithPaginationQueryVariables = Exact<{
-	page?: InputMaybe<Scalars['Int']>;
+  page?: InputMaybe<Scalars['Int']>;
 }>;
 
-export type GetTaskWithPaginationQuery = {
-	__typename?: 'Query';
-	tasks: Array<{
-		__typename?: 'Task';
-		id: string;
-		title: string;
-		description: string;
-		difficulty: string;
-		thumbnailUrl: string;
-		rating: number;
-	}>;
-};
 
-export type GetTasksQueryVariables = Exact<{ [key: string]: never }>;
+export type GetTaskWithPaginationQuery = { __typename?: 'Query', tasks: Array<{ __typename?: 'Task', id: string, title: string, description: string, difficulty: string, thumbnailUrl: string, rating: number }> };
 
-export type GetTasksQuery = {
-	__typename?: 'Query';
-	tasks: Array<{ __typename?: 'Task'; id: string }>;
-};
 
 export const GetAllActiveTasksDocument = gql`
-	query GetAllActiveTasks {
-		tasks(filter: { status: ACTIVE }) {
-			id
-			title
-			description
-			difficulty
-			thumbnailUrl
-			rating
-		}
-	}
-`;
+    query GetAllActiveTasks {
+  tasks(filter: {status: ACTIVE}) {
+    id
+    title
+    description
+    difficulty
+    thumbnailUrl
+    rating
+  }
+}
+    `;
 
 /**
  * __useGetAllActiveTasksQuery__
@@ -170,54 +134,29 @@ export const GetAllActiveTasksDocument = gql`
  *   },
  * });
  */
-export function useGetAllActiveTasksQuery(
-	baseOptions?: Apollo.QueryHookOptions<
-		GetAllActiveTasksQuery,
-		GetAllActiveTasksQueryVariables
-	>,
-) {
-	const options = { ...defaultOptions, ...baseOptions };
-	return Apollo.useQuery<
-		GetAllActiveTasksQuery,
-		GetAllActiveTasksQueryVariables
-	>(GetAllActiveTasksDocument, options);
-}
-
-export function useGetAllActiveTasksLazyQuery(
-	baseOptions?: Apollo.LazyQueryHookOptions<
-		GetAllActiveTasksQuery,
-		GetAllActiveTasksQueryVariables
-	>,
-) {
-	const options = { ...defaultOptions, ...baseOptions };
-	return Apollo.useLazyQuery<
-		GetAllActiveTasksQuery,
-		GetAllActiveTasksQueryVariables
-	>(GetAllActiveTasksDocument, options);
-}
-
-export type GetAllActiveTasksQueryHookResult = ReturnType<
-	typeof useGetAllActiveTasksQuery
->;
-export type GetAllActiveTasksLazyQueryHookResult = ReturnType<
-	typeof useGetAllActiveTasksLazyQuery
->;
-export type GetAllActiveTasksQueryResult = Apollo.QueryResult<
-	GetAllActiveTasksQuery,
-	GetAllActiveTasksQueryVariables
->;
+export function useGetAllActiveTasksQuery(baseOptions?: Apollo.QueryHookOptions<GetAllActiveTasksQuery, GetAllActiveTasksQueryVariables>) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useQuery<GetAllActiveTasksQuery, GetAllActiveTasksQueryVariables>(GetAllActiveTasksDocument, options);
+      }
+export function useGetAllActiveTasksLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<GetAllActiveTasksQuery, GetAllActiveTasksQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return Apollo.useLazyQuery<GetAllActiveTasksQuery, GetAllActiveTasksQueryVariables>(GetAllActiveTasksDocument, options);
+        }
+export type GetAllActiveTasksQueryHookResult = ReturnType<typeof useGetAllActiveTasksQuery>;
+export type GetAllActiveTasksLazyQueryHookResult = ReturnType<typeof useGetAllActiveTasksLazyQuery>;
+export type GetAllActiveTasksQueryResult = Apollo.QueryResult<GetAllActiveTasksQuery, GetAllActiveTasksQueryVariables>;
 export const GetTaskWithPaginationDocument = gql`
-	query GetTaskWithPagination($page: Int) {
-		tasks(filter: { status: ACTIVE }, pagination: { page: $page, perPage: 3 }) {
-			id
-			title
-			description
-			difficulty
-			thumbnailUrl
-			rating
-		}
-	}
-`;
+    query GetTaskWithPagination($page: Int) {
+  tasks(filter: {status: ACTIVE}, pagination: {page: $page, perPage: 3}) {
+    id
+    title
+    description
+    difficulty
+    thumbnailUrl
+    rating
+  }
+}
+    `;
 
 /**
  * __useGetTaskWithPaginationQuery__
@@ -235,311 +174,170 @@ export const GetTaskWithPaginationDocument = gql`
  *   },
  * });
  */
-export function useGetTaskWithPaginationQuery(
-	baseOptions?: Apollo.QueryHookOptions<
-		GetTaskWithPaginationQuery,
-		GetTaskWithPaginationQueryVariables
-	>,
-) {
-	const options = { ...defaultOptions, ...baseOptions };
-	return Apollo.useQuery<
-		GetTaskWithPaginationQuery,
-		GetTaskWithPaginationQueryVariables
-	>(GetTaskWithPaginationDocument, options);
-}
-
-export function useGetTaskWithPaginationLazyQuery(
-	baseOptions?: Apollo.LazyQueryHookOptions<
-		GetTaskWithPaginationQuery,
-		GetTaskWithPaginationQueryVariables
-	>,
-) {
-	const options = { ...defaultOptions, ...baseOptions };
-	return Apollo.useLazyQuery<
-		GetTaskWithPaginationQuery,
-		GetTaskWithPaginationQueryVariables
-	>(GetTaskWithPaginationDocument, options);
-}
-
-export type GetTaskWithPaginationQueryHookResult = ReturnType<
-	typeof useGetTaskWithPaginationQuery
->;
-export type GetTaskWithPaginationLazyQueryHookResult = ReturnType<
-	typeof useGetTaskWithPaginationLazyQuery
->;
-export type GetTaskWithPaginationQueryResult = Apollo.QueryResult<
-	GetTaskWithPaginationQuery,
-	GetTaskWithPaginationQueryVariables
->;
-export const GetTasksDocument = gql`
-	query GetTasks {
-		tasks {
-			id
-		}
-	}
-`;
-
-/**
- * __useGetTasksQuery__
- *
- * To run a query within a React component, call `useGetTasksQuery` and pass it any options that fit your needs.
- * When your component renders, `useGetTasksQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = useGetTasksQuery({
- *   variables: {
- *   },
- * });
- */
-export function useGetTasksQuery(
-	baseOptions?: Apollo.QueryHookOptions<GetTasksQuery, GetTasksQueryVariables>,
-) {
-	const options = { ...defaultOptions, ...baseOptions };
-	return Apollo.useQuery<GetTasksQuery, GetTasksQueryVariables>(
-		GetTasksDocument,
-		options,
-	);
-}
+export function useGetTaskWithPaginationQuery(baseOptions?: Apollo.QueryHookOptions<GetTaskWithPaginationQuery, GetTaskWithPaginationQueryVariables>) {
+        const options = {...defaultOptions, ...baseOptions}
+        return Apollo.useQuery<GetTaskWithPaginationQuery, GetTaskWithPaginationQueryVariables>(GetTaskWithPaginationDocument, options);
+      }
+export function useGetTaskWithPaginationLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<GetTaskWithPaginationQuery, GetTaskWithPaginationQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return Apollo.useLazyQuery<GetTaskWithPaginationQuery, GetTaskWithPaginationQueryVariables>(GetTaskWithPaginationDocument, options);
+        }
+export type GetTaskWithPaginationQueryHookResult = ReturnType<typeof useGetTaskWithPaginationQuery>;
+export type GetTaskWithPaginationLazyQueryHookResult = ReturnType<typeof useGetTaskWithPaginationLazyQuery>;
+export type GetTaskWithPaginationQueryResult = Apollo.QueryResult<GetTaskWithPaginationQuery, GetTaskWithPaginationQueryVariables>;
 
-export function useGetTasksLazyQuery(
-	baseOptions?: Apollo.LazyQueryHookOptions<
-		GetTasksQuery,
-		GetTasksQueryVariables
-	>,
-) {
-	const options = { ...defaultOptions, ...baseOptions };
-	return Apollo.useLazyQuery<GetTasksQuery, GetTasksQueryVariables>(
-		GetTasksDocument,
-		options,
-	);
-}
-
-export type GetTasksQueryHookResult = ReturnType<typeof useGetTasksQuery>;
-export type GetTasksLazyQueryHookResult = ReturnType<
-	typeof useGetTasksLazyQuery
->;
-export type GetTasksQueryResult = Apollo.QueryResult<
-	GetTasksQuery,
-	GetTasksQueryVariables
->;
 
 export type ResolverTypeWrapper<T> = Promise<T> | T;
 
+
 export type ResolverWithResolve<TResult, TParent, TContext, TArgs> = {
-	resolve: ResolverFn<TResult, TParent, TContext, TArgs>;
+  resolve: ResolverFn<TResult, TParent, TContext, TArgs>;
 };
-export type Resolver<TResult, TParent = {}, TContext = {}, TArgs = {}> =
-	| ResolverFn<TResult, TParent, TContext, TArgs>
-	| ResolverWithResolve<TResult, TParent, TContext, TArgs>;
+export type Resolver<TResult, TParent = {}, TContext = {}, TArgs = {}> = ResolverFn<TResult, TParent, TContext, TArgs> | ResolverWithResolve<TResult, TParent, TContext, TArgs>;
 
 export type ResolverFn<TResult, TParent, TContext, TArgs> = (
-	parent: TParent,
-	args: TArgs,
-	context: TContext,
-	info: GraphQLResolveInfo,
+  parent: TParent,
+  args: TArgs,
+  context: TContext,
+  info: GraphQLResolveInfo
 ) => Promise<TResult> | TResult;
 
 export type SubscriptionSubscribeFn<TResult, TParent, TContext, TArgs> = (
-	parent: TParent,
-	args: TArgs,
-	context: TContext,
-	info: GraphQLResolveInfo,
+  parent: TParent,
+  args: TArgs,
+  context: TContext,
+  info: GraphQLResolveInfo
 ) => AsyncIterable<TResult> | Promise<AsyncIterable<TResult>>;
 
 export type SubscriptionResolveFn<TResult, TParent, TContext, TArgs> = (
-	parent: TParent,
-	args: TArgs,
-	context: TContext,
-	info: GraphQLResolveInfo,
+  parent: TParent,
+  args: TArgs,
+  context: TContext,
+  info: GraphQLResolveInfo
 ) => TResult | Promise<TResult>;
 
-export interface SubscriptionSubscriberObject<
-	TResult,
-	TKey extends string,
-	TParent,
-	TContext,
-	TArgs,
-> {
-	subscribe: SubscriptionSubscribeFn<
-		{ [key in TKey]: TResult },
-		TParent,
-		TContext,
-		TArgs
-	>;
-	resolve?: SubscriptionResolveFn<
-		TResult,
-		{ [key in TKey]: TResult },
-		TContext,
-		TArgs
-	>;
+export interface SubscriptionSubscriberObject<TResult, TKey extends string, TParent, TContext, TArgs> {
+  subscribe: SubscriptionSubscribeFn<{ [key in TKey]: TResult }, TParent, TContext, TArgs>;
+  resolve?: SubscriptionResolveFn<TResult, { [key in TKey]: TResult }, TContext, TArgs>;
 }
 
 export interface SubscriptionResolverObject<TResult, TParent, TContext, TArgs> {
-	subscribe: SubscriptionSubscribeFn<any, TParent, TContext, TArgs>;
-	resolve: SubscriptionResolveFn<TResult, any, TContext, TArgs>;
+  subscribe: SubscriptionSubscribeFn<any, TParent, TContext, TArgs>;
+  resolve: SubscriptionResolveFn<TResult, any, TContext, TArgs>;
 }
 
-export type SubscriptionObject<
-	TResult,
-	TKey extends string,
-	TParent,
-	TContext,
-	TArgs,
-> =
-	| SubscriptionSubscriberObject<TResult, TKey, TParent, TContext, TArgs>
-	| SubscriptionResolverObject<TResult, TParent, TContext, TArgs>;
-
-export type SubscriptionResolver<
-	TResult,
-	TKey extends string,
-	TParent = {},
-	TContext = {},
-	TArgs = {},
-> =
-	| ((
-			...args: any[]
-	  ) => SubscriptionObject<TResult, TKey, TParent, TContext, TArgs>)
-	| SubscriptionObject<TResult, TKey, TParent, TContext, TArgs>;
+export type SubscriptionObject<TResult, TKey extends string, TParent, TContext, TArgs> =
+  | SubscriptionSubscriberObject<TResult, TKey, TParent, TContext, TArgs>
+  | SubscriptionResolverObject<TResult, TParent, TContext, TArgs>;
+
+export type SubscriptionResolver<TResult, TKey extends string, TParent = {}, TContext = {}, TArgs = {}> =
+  | ((...args: any[]) => SubscriptionObject<TResult, TKey, TParent, TContext, TArgs>)
+  | SubscriptionObject<TResult, TKey, TParent, TContext, TArgs>;
 
 export type TypeResolveFn<TTypes, TParent = {}, TContext = {}> = (
-	parent: TParent,
-	context: TContext,
-	info: GraphQLResolveInfo,
+  parent: TParent,
+  context: TContext,
+  info: GraphQLResolveInfo
 ) => Maybe<TTypes> | Promise<Maybe<TTypes>>;
 
-export type IsTypeOfResolverFn<T = {}, TContext = {}> = (
-	obj: T,
-	context: TContext,
-	info: GraphQLResolveInfo,
-) => boolean | Promise<boolean>;
+export type IsTypeOfResolverFn<T = {}, TContext = {}> = (obj: T, context: TContext, info: GraphQLResolveInfo) => boolean | Promise<boolean>;
 
 export type NextResolverFn<T> = () => Promise<T>;
 
-export type DirectiveResolverFn<
-	TResult = {},
-	TParent = {},
-	TContext = {},
-	TArgs = {},
-> = (
-	next: NextResolverFn<TResult>,
-	parent: TParent,
-	args: TArgs,
-	context: TContext,
-	info: GraphQLResolveInfo,
+export type DirectiveResolverFn<TResult = {}, TParent = {}, TContext = {}, TArgs = {}> = (
+  next: NextResolverFn<TResult>,
+  parent: TParent,
+  args: TArgs,
+  context: TContext,
+  info: GraphQLResolveInfo
 ) => TResult | Promise<TResult>;
 
 /** Mapping between all available schema types and the resolvers types */
 export type ResolversTypes = {
-	AuthInfo: ResolverTypeWrapper<AuthInfo>;
-	Boolean: ResolverTypeWrapper<Scalars['Boolean']>;
-	Date: ResolverTypeWrapper<Scalars['Date']>;
-	DateRangeInput: DateRangeInput;
-	DateTime: ResolverTypeWrapper<Scalars['DateTime']>;
-	ID: ResolverTypeWrapper<Scalars['ID']>;
-	Int: ResolverTypeWrapper<Scalars['Int']>;
-	NumberRangeInput: NumberRangeInput;
-	PaginationInput: PaginationInput;
-	Query: ResolverTypeWrapper<{}>;
-	SearchString: ResolverTypeWrapper<Scalars['SearchString']>;
-	String: ResolverTypeWrapper<Scalars['String']>;
-	Task: ResolverTypeWrapper<Task>;
-	TaskDifficulty: TaskDifficulty;
-	TaskFilterInput: TaskFilterInput;
-	TaskStatus: TaskStatus;
-	User: ResolverTypeWrapper<User>;
+  AuthInfo: ResolverTypeWrapper<AuthInfo>;
+  Boolean: ResolverTypeWrapper<Scalars['Boolean']>;
+  Date: ResolverTypeWrapper<Scalars['Date']>;
+  DateRangeInput: DateRangeInput;
+  DateTime: ResolverTypeWrapper<Scalars['DateTime']>;
+  ID: ResolverTypeWrapper<Scalars['ID']>;
+  Int: ResolverTypeWrapper<Scalars['Int']>;
+  NumberRangeInput: NumberRangeInput;
+  PaginationInput: PaginationInput;
+  Query: ResolverTypeWrapper<{}>;
+  SearchString: ResolverTypeWrapper<Scalars['SearchString']>;
+  String: ResolverTypeWrapper<Scalars['String']>;
+  Task: ResolverTypeWrapper<Task>;
+  TaskDifficulty: TaskDifficulty;
+  TaskFilterInput: TaskFilterInput;
+  TaskStatus: TaskStatus;
+  User: ResolverTypeWrapper<User>;
 };
 
 /** Mapping between all available schema types and the resolvers parents */
 export type ResolversParentTypes = {
-	AuthInfo: AuthInfo;
-	Boolean: Scalars['Boolean'];
-	Date: Scalars['Date'];
-	DateRangeInput: DateRangeInput;
-	DateTime: Scalars['DateTime'];
-	ID: Scalars['ID'];
-	Int: Scalars['Int'];
-	NumberRangeInput: NumberRangeInput;
-	PaginationInput: PaginationInput;
-	Query: {};
-	SearchString: Scalars['SearchString'];
-	String: Scalars['String'];
-	Task: Task;
-	TaskFilterInput: TaskFilterInput;
-	User: User;
+  AuthInfo: AuthInfo;
+  Boolean: Scalars['Boolean'];
+  Date: Scalars['Date'];
+  DateRangeInput: DateRangeInput;
+  DateTime: Scalars['DateTime'];
+  ID: Scalars['ID'];
+  Int: Scalars['Int'];
+  NumberRangeInput: NumberRangeInput;
+  PaginationInput: PaginationInput;
+  Query: {};
+  SearchString: Scalars['SearchString'];
+  String: Scalars['String'];
+  Task: Task;
+  TaskFilterInput: TaskFilterInput;
+  User: User;
 };
 
-export type AuthInfoResolvers<
-	ContextType = any,
-	ParentType extends ResolversParentTypes['AuthInfo'] = ResolversParentTypes['AuthInfo'],
-> = {
-	sub?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
-	__isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
+export type AuthInfoResolvers<ContextType = any, ParentType extends ResolversParentTypes['AuthInfo'] = ResolversParentTypes['AuthInfo']> = {
+  sub?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
+  __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 };
 
-export interface DateScalarConfig
-	extends GraphQLScalarTypeConfig<ResolversTypes['Date'], any> {
-	name: 'Date';
+export interface DateScalarConfig extends GraphQLScalarTypeConfig<ResolversTypes['Date'], any> {
+  name: 'Date';
 }
 
-export interface DateTimeScalarConfig
-	extends GraphQLScalarTypeConfig<ResolversTypes['DateTime'], any> {
-	name: 'DateTime';
+export interface DateTimeScalarConfig extends GraphQLScalarTypeConfig<ResolversTypes['DateTime'], any> {
+  name: 'DateTime';
 }
 
-export type QueryResolvers<
-	ContextType = any,
-	ParentType extends ResolversParentTypes['Query'] = ResolversParentTypes['Query'],
-> = {
-	authInfo?: Resolver<
-		Maybe<ResolversTypes['AuthInfo']>,
-		ParentType,
-		ContextType
-	>;
-	tasks?: Resolver<
-		Array<ResolversTypes['Task']>,
-		ParentType,
-		ContextType,
-		Partial<QueryTasksArgs>
-	>;
+export type QueryResolvers<ContextType = any, ParentType extends ResolversParentTypes['Query'] = ResolversParentTypes['Query']> = {
+  authInfo?: Resolver<Maybe<ResolversTypes['AuthInfo']>, ParentType, ContextType>;
+  tasks?: Resolver<Array<ResolversTypes['Task']>, ParentType, ContextType, Partial<QueryTasksArgs>>;
 };
 
-export interface SearchStringScalarConfig
-	extends GraphQLScalarTypeConfig<ResolversTypes['SearchString'], any> {
-	name: 'SearchString';
+export interface SearchStringScalarConfig extends GraphQLScalarTypeConfig<ResolversTypes['SearchString'], any> {
+  name: 'SearchString';
 }
 
-export type TaskResolvers<
-	ContextType = any,
-	ParentType extends ResolversParentTypes['Task'] = ResolversParentTypes['Task'],
-> = {
-	author?: Resolver<ResolversTypes['User'], ParentType, ContextType>;
-	description?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-	difficulty?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-	id?: Resolver<ResolversTypes['ID'], ParentType, ContextType>;
-	rating?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
-	status?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-	thumbnailUrl?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-	title?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
-	__isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
+export type TaskResolvers<ContextType = any, ParentType extends ResolversParentTypes['Task'] = ResolversParentTypes['Task']> = {
+  author?: Resolver<ResolversTypes['User'], ParentType, ContextType>;
+  description?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+  difficulty?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+  id?: Resolver<ResolversTypes['ID'], ParentType, ContextType>;
+  rating?: Resolver<ResolversTypes['Int'], ParentType, ContextType>;
+  status?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+  thumbnailUrl?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+  title?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+  __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 };
 
-export type UserResolvers<
-	ContextType = any,
-	ParentType extends ResolversParentTypes['User'] = ResolversParentTypes['User'],
-> = {
-	id?: Resolver<ResolversTypes['ID'], ParentType, ContextType>;
-	__isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
+export type UserResolvers<ContextType = any, ParentType extends ResolversParentTypes['User'] = ResolversParentTypes['User']> = {
+  id?: Resolver<ResolversTypes['ID'], ParentType, ContextType>;
+  __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 };
 
 export type Resolvers<ContextType = any> = {
-	AuthInfo?: AuthInfoResolvers<ContextType>;
-	Date?: GraphQLScalarType;
-	DateTime?: GraphQLScalarType;
-	Query?: QueryResolvers<ContextType>;
-	SearchString?: GraphQLScalarType;
-	Task?: TaskResolvers<ContextType>;
-	User?: UserResolvers<ContextType>;
+  AuthInfo?: AuthInfoResolvers<ContextType>;
+  Date?: GraphQLScalarType;
+  DateTime?: GraphQLScalarType;
+  Query?: QueryResolvers<ContextType>;
+  SearchString?: GraphQLScalarType;
+  Task?: TaskResolvers<ContextType>;
+  User?: UserResolvers<ContextType>;
 };
+