Fix graphql Queries (#142)

front/src/components/editable-cell/EditableChip.tsx

@@ -25,7 +25,7 @@ const StyledInplaceInput = styled.input`
   }
 `;
 
-const StyledInplaceShow = styled.input`
+const StyledInplaceShow = styled.div`
   width: 100%;
   border: none;
   outline: none;

front/src/components/form/Checkbox.tsx

@@ -56,7 +56,7 @@ function Checkbox({ name, id, checked, onChange, indeterminate }: OwnProps) {
         name={name}
         checked={checked}
         onChange={onChange}
-      ></input>
+      />
     </StyledContainer>
   );
 }

front/src/components/table/table-header/__stories__/SortDropdownButton.stories.tsx

@@ -33,14 +33,14 @@ const availableSorts = [
     label: 'People',
     icon: <TbUser size={16} />,
     _type: 'custom_sort',
-    orderByTemplate: () => ({ email: Order_By.Asc }),
+    orderByTemplates: [() => ({ email: Order_By.Asc })],
   },
   {
     key: 'company_name',
     label: 'Company',
     icon: <TbBuilding size={16} />,
     _type: 'custom_sort',
-    orderByTemplate: () => ({ email: Order_By.Asc }),
+    orderByTemplates: [() => ({ email: Order_By.Asc })],
   },
   {
     key: 'email',

front/src/components/table/table-header/helpers.ts

@@ -33,9 +33,13 @@ export const reduceSortsToOrderBy = <OrderByTemplate>(
   sorts: Array<SelectedSortType<OrderByTemplate>>,
 ): OrderByTemplate[] => {
   const mappedSorts = sorts.map((sort) => {
-    if (sort._type === 'custom_sort')
-      return sort.orderByTemplate(mapOrderToOrder_By(sort.order));
+    if (sort._type === 'custom_sort') {
+      return sort.orderByTemplates.map((orderByTemplate) =>
+        orderByTemplate(mapOrderToOrder_By(sort.order)),
+      );
+    }
+
     return defaultOrderByTemplateFactory(sort.key as string)(sort.order);
   });
-  return mappedSorts as OrderByTemplate[];
+  return mappedSorts.flat() as OrderByTemplate[];
 };