Refactor, implementation of DataTables and restyle of multiple pages (#…

…1617)

* wip(1584): Subscribers refactored, created generic hook for data tables and changed approach how data is handled in tables

* wip: groups and subscriber tables refactored

* feat: completed table restyle and refactor

* feat: completed campaings table restyle and refactor

* fix: fixed typo in subscribers header

dashboard/.eslintrc.json

@@ -18,7 +18,8 @@
   },
   "plugins": ["react"],
   "rules": {
-    "react/state-in-constructor": [1, "always"]
+    "react/state-in-constructor": [1, "always"],
+    "react/prop-types": 0
   },
   "settings": {
     "react": {

dashboard/local.env

@@ -0,0 +1,2 @@
+REACT_APP_ENABLE_SOCIAL_AUTH=true
+REACT_APP_RECAPTCHA_SITE_KEY=

dashboard/package.json

@@ -36,7 +36,7 @@
     "yup": "^0.32.9"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "set HTTPS=false && react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",

dashboard/src/hooks/useCallApiDataTable.js

@@ -0,0 +1,27 @@
+import { useApi } from "./"
+
+export const useCallApiDataTable = (endpoint) => {
+    const [state, callApi] = useApi(
+        {
+            url: endpoint,
+        },
+        {
+            collection: [],
+            init: true,
+        }
+    )
+
+    const onClickPrev = () => {
+        callApi({
+            url: state.data.links.previous,
+        })
+    }
+
+    const onClickNext = () => {
+        callApi({
+            url: state.data.links.next,
+        })
+    }
+
+    return [callApi, state, onClickPrev, onClickNext]
+}