Remove hasura and hasura-auth (#134)

* Remove hasura and hasura-auth

* Move all models to prisma

* Start implementing graphql

* chore: clean package json

* chore: make the code build

* chore: get initial graphql.tsx file

* feature: use typegql as qgl server

* refactor: small refactoring

* refactor: clean tests

* bugfix: make all filters not case sensitive

* chore: remove unused imports

---------

Co-authored-by: Sammy Teillet <sammy.teillet@gmail.com>

front/src/pages/people/__stories__/People.stories.tsx

@@ -19,7 +19,7 @@ const mocks = [
     request: {
       query: GET_PEOPLE,
       variables: {
-        orderBy: [{ created_at: 'desc' }],
+        orderBy: [{ createdAt: 'desc' }],
         where: {},
       },
     },
@@ -33,7 +33,7 @@ const mocks = [
     request: {
       query: GET_PEOPLE,
       variables: {
-        orderBy: [{ created_at: 'desc' }],
+        orderBy: [{ createdAt: 'desc' }],
         where: {},
       },
     },

front/src/pages/people/__tests__/__snapshots__/people-filter.test.ts.snap

@@ -3,7 +3,8 @@
 exports[`PeopleFilter should render the filter city which is text search 1`] = `
 Object {
   "city": Object {
-    "_ilike": "%Paris%",
+    "contains": "%Paris%",
+    "mode": "insensitive",
   },
 }
 `;
@@ -11,8 +12,10 @@ Object {
 exports[`PeopleFilter should render the filter company_name which relation search 1`] = `
 Object {
   "company": Object {
-    "name": Object {
-      "_eq": "test-name",
+    "is": Object {
+      "name": Object {
+        "equals": "test-name",
+      },
     },
   },
 }

front/src/pages/people/people-columns.tsx

@@ -30,6 +30,7 @@ import {
   TbPhone,
   TbUser,
 } from 'react-icons/tb';
+import { QueryMode } from '../../generated/graphql';
 
 const columnHelper = createColumnHelper<Person>();
 
@@ -118,7 +119,10 @@ export const usePeopleColumns = () => {
               {
                 query: SEARCH_COMPANY_QUERY,
                 template: (searchInput: string) => ({
-                  name: { _ilike: `%${searchInput}%` },
+                  name: {
+                    contains: `%${searchInput}%`,
+                    mode: QueryMode.Insensitive,
+                  },
                 }),
                 resultMapper: (company) => ({
                   render: (company) => company.name,

front/src/pages/people/people-filters.tsx

@@ -13,6 +13,7 @@ import {
   TbPhone,
   TbUser,
 } from 'react-icons/tb';
+import { QueryMode } from '../../generated/graphql';
 
 export const fullnameFilter = {
   key: 'fullname',
@@ -24,9 +25,19 @@ export const fullnameFilter = {
       label: 'Contains',
       id: 'like',
       whereTemplate: (searchString) => ({
-        _or: [
-          { firstname: { _ilike: `%${searchString}%` } },
-          { lastname: { _ilike: `%${searchString}%` } },
+        OR: [
+          {
+            firstname: {
+              contains: `%${searchString}%`,
+              mode: QueryMode.Insensitive,
+            },
+          },
+          {
+            lastname: {
+              contains: `%${searchString}%`,
+              mode: QueryMode.Insensitive,
+            },
+          },
         ],
       }),
     },
@@ -34,12 +45,24 @@ export const fullnameFilter = {
       label: 'Does not contain',
       id: 'not_like',
       whereTemplate: (searchString) => ({
-        _not: {
-          _and: [
-            { firstname: { _ilike: `%${searchString}%` } },
-            { lastname: { _ilike: `%${searchString}%` } },
-          ],
-        },
+        NOT: [
+          {
+            AND: [
+              {
+                firstname: {
+                  contains: `%${searchString}%`,
+                  mode: QueryMode.Insensitive,
+                },
+              },
+              {
+                lastname: {
+                  contains: `%${searchString}%`,
+                  mode: QueryMode.Insensitive,
+                },
+              },
+            ],
+          },
+        ],
       }),
     },
   ],
@@ -55,14 +78,21 @@ export const emailFilter = {
       label: 'Contains',
       id: 'like',
       whereTemplate: (searchString) => ({
-        email: { _ilike: `%${searchString}%` },
+        email: { contains: `%${searchString}%`, mode: QueryMode.Insensitive },
       }),
     },
     {
       label: 'Does not contain',
       id: 'not_like',
       whereTemplate: (searchString) => ({
-        _not: { email: { _ilike: `%${searchString}%` } },
+        NOT: [
+          {
+            email: {
+              contains: `%${searchString}%`,
+              mode: QueryMode.Insensitive,
+            },
+          },
+        ],
       }),
     },
   ],
@@ -76,7 +106,7 @@ export const companyFilter = {
   searchConfig: {
     query: SEARCH_COMPANY_QUERY,
     template: (searchString: string) => ({
-      name: { _ilike: `%${searchString}%` },
+      name: { contains: `%${searchString}%`, mode: QueryMode.Insensitive },
     }),
     resultMapper: (data) => ({
       value: mapToCompany(data),
@@ -89,14 +119,14 @@ export const companyFilter = {
       label: 'Is',
       id: 'is',
       whereTemplate: (company) => ({
-        company: { name: { _eq: company.name } },
+        company: { is: { name: { equals: company.name } } },
       }),
     },
     {
       label: 'Is not',
       id: 'is_not',
       whereTemplate: (company) => ({
-        _not: { company: { name: { _eq: company.name } } },
+        NOT: [{ company: { is: { name: { equals: company.name } } } }],
       }),
     },
   ],
@@ -112,14 +142,21 @@ export const phoneFilter = {
       label: 'Contains',
       id: 'like',
       whereTemplate: (searchString) => ({
-        phone: { _ilike: `%${searchString}%` },
+        phone: { contains: `%${searchString}%`, mode: QueryMode.Insensitive },
       }),
     },
     {
       label: 'Does not contain',
       id: 'not_like',
       whereTemplate: (searchString) => ({
-        _not: { phone: { _ilike: `%${searchString}%` } },
+        NOT: [
+          {
+            phone: {
+              contains: `%${searchString}%`,
+              mode: QueryMode.Insensitive,
+            },
+          },
+        ],
       }),
     },
   ],
@@ -135,8 +172,8 @@ export const creationDateFilter = {
       label: 'Greater than',
       id: 'greater_than',
       whereTemplate: (searchString) => ({
-        created_at: {
-          _gte: searchString,
+        createdAt: {
+          gte: searchString,
         },
       }),
     },
@@ -144,8 +181,8 @@ export const creationDateFilter = {
       label: 'Less than',
       id: 'less_than',
       whereTemplate: (searchString) => ({
-        created_at: {
-          _lte: searchString,
+        createdAt: {
+          lte: searchString,
         },
       }),
     },
@@ -162,14 +199,21 @@ export const cityFilter = {
       label: 'Contains',
       id: 'like',
       whereTemplate: (searchString) => ({
-        city: { _ilike: `%${searchString}%` },
+        city: { contains: `%${searchString}%`, mode: QueryMode.Insensitive },
       }),
     },
     {
       label: 'Does not contain',
       id: 'not_like',
       whereTemplate: (searchString) => ({
-        _not: { city: { _ilike: `%${searchString}%` } },
+        NOT: [
+          {
+            city: {
+              contains: `%${searchString}%`,
+              mode: QueryMode.Insensitive,
+            },
+          },
+        ],
       }),
     },
   ],

front/src/pages/people/people-sorts.tsx

@@ -1,4 +1,7 @@
-import { Order_By, People_Order_By } from '../../generated/graphql';
+import {
+  SortOrder as Order_By,
+  PersonOrderByWithRelationInput as People_Order_By,
+} from '../../generated/graphql';
 import { SortType } from '../../interfaces/sorts/interface';
 import {
   TbBuilding,
@@ -40,7 +43,7 @@ export const availableSorts = [
     _type: 'default_sort',
   },
   {
-    key: 'created_at',
+    key: 'createdAt',
     label: 'Created at',
     icon: <TbCalendar size={16} />,
     _type: 'default_sort',