Feat/dark mode

packages/apps/human-app/frontend/.env.example

@@ -37,6 +37,16 @@ VITE_DAPP_META_URL= #string
 # Dapp icons for wallet connect 
 VITE_DAPP_ICONS= #string => lists of icons eg.: icon1,icon2...
 
+# This data will be use to add first oracle in the oracles table
+# string
+VITE_H_CAPTCHA_ORACLE_ANNOTATION_TOOL=
+# string
+VITE_H_CAPTCHA_ORACLE_ROLE=
+# string
+VITE_H_CAPTCHA_ORACLE_ADDRESS=
+# job types list string
+VITE_H_CAPTCHA_ORACLE_TASK_TYPES= #string => lists of job types eg.: Image labeling, BBoxes...
+
 # network if network is equl to 'testnet' app will use first tesntet chain from .src/smart-contracts/chains.ts
 # and first mainnet chain for 'mainnet'
 VITE_NETWORK= # mainnet|testnet

packages/apps/human-app/frontend/package.json

@@ -34,7 +34,7 @@
     "i18next": "^23.8.2",
     "jwt-decode": "^4.0.0",
     "lodash": "^4.17.21",
-    "material-react-table": "^2.12.1",
+    "material-react-table": "^3.0.1",
     "mui-image": "^1.0.7",
     "query-string": "^9.0.0",
     "react": "^18.2.0",

packages/apps/human-app/frontend/src/api/services/operator/edit-existing-keys.ts

@@ -75,11 +75,12 @@ export const getEditEthKVStoreValuesMutationSchema = (
       const newFiledData = newData[key];
       const initialFiledData = initialData[key];
 
-      if (
-        isArray(newFiledData) &&
-        isArray(initialFiledData) &&
-        newFiledData.sort().toString() !== initialFiledData.sort().toString()
-      ) {
+      if (isArray(newFiledData) && isArray(initialFiledData)) {
+        if (
+          newFiledData.sort().toString() === initialFiledData.sort().toString()
+        ) {
+          return;
+        }
         Object.assign(fieldsThatHasChanges, { [key]: newFiledData.toString() });
         return;
       }
@@ -105,7 +106,6 @@ export const getEditEthKVStoreValuesMutationSchema = (
         path: ['form'],
       });
     }
-
     return fieldsThatHasChanges;
   });
 };

packages/apps/human-app/frontend/src/api/services/worker/oracles.ts

@@ -5,6 +5,7 @@ import { apiClient } from '@/api/api-client';
 import { apiPaths } from '@/api/api-paths';
 import { useJobsTypesOraclesFilter } from '@/hooks/use-job-types-oracles-table';
 import { stringifyUrlQueryObject } from '@/shared/helpers/stringify-url-query-object';
+import { env } from '@/shared/env';
 
 const OracleSuccessSchema = z.object({
   address: z.string(),
@@ -18,6 +19,13 @@ const OraclesSuccessSchema = z.array(OracleSuccessSchema);
 export type OracleSuccessResponse = z.infer<typeof OracleSuccessSchema>;
 export type OraclesSuccessResponse = OracleSuccessResponse[];
 
+const H_CAPTCHA_ORACLE: OracleSuccessResponse = {
+  address: env.VITE_H_CAPTCHA_ORACLE_ADDRESS,
+  jobTypes: env.VITE_H_CAPTCHA_ORACLE_TASK_TYPES,
+  role: env.VITE_H_CAPTCHA_ORACLE_ROLE,
+  url: env.VITE_H_CAPTCHA_ORACLE_ANNOTATION_TOOL,
+};
+
 export async function getOracles({
   selected_job_types,
 }: {
@@ -27,10 +35,17 @@ export async function getOracles({
     ? `?${stringifyUrlQueryObject({ selected_job_types })}`
     : '';
 
-  return apiClient(`${apiPaths.worker.oracles.path}${queryParams}`, {
-    successSchema: OraclesSuccessSchema,
-    options: { method: 'GET' },
-  });
+  const result = await apiClient(
+    `${apiPaths.worker.oracles.path}${queryParams}`,
+    {
+      successSchema: OraclesSuccessSchema,
+      options: { method: 'GET' },
+    }
+  );
+
+  result.unshift(H_CAPTCHA_ORACLE);
+
+  return result;
 }
 
 export function useGetOracles() {