Disable pass

.env

@@ -2,8 +2,8 @@
 
 # Version of the WMN Design System you want to use for CSS and icons.
 # Try to use the latest version (https://designsystem.wmnetwork.co.uk/docs/get-started/production/#option-1-include-compiled-files-recommended)
-REACT_APP_WMNDS_VERSION = 1.4.0
+REACT_APP_WMNDS_VERSION = 1.7.3
 
 # Variables that control the site title and meta descriptions
-REACT_APP_TITLE = "WMN app name"
+REACT_APP_TITLE = "Apply for blind and disabled pass"
 REACT_APP_DESCRIPTION= "Description about the WMN app name"

.env.development

@@ -1 +1,6 @@
-# https://create-react-app.dev/docs/adding-custom-environment-variables
+# development API and keys
+REACT_APP_API_HOST='https://apisnwm.cenapps.org.uk'
+REACT_APP_API_KEY='514b8bafa009424289cb2d7a12c54f6e'
+
+REACT_APP_DBAPI_HOST='https://wmca-ianrose-dd-api.azurewebsites.net/api'
+REACT_APP_DBAPI_KEY=''

.env.production

@@ -1 +1,6 @@
-# https://create-react-app.dev/docs/adding-custom-environment-variables
+# development API and keys
+REACT_APP_API_HOST='https://apisnwm.cenapps.org.uk'
+REACT_APP_API_KEY='514b8bafa009424289cb2d7a12c54f6e'
+
+REACT_APP_DBAPI_HOST='https://wmca-ianrose-dd-api.azurewebsites.net/api'
+REACT_APP_DBAPI_KEY=''

.eslintrc.json

@@ -3,9 +3,15 @@
     "browser": true,
     "es6": true
   },
-  "extends": ["react-app", "airbnb", "plugin:prettier/recommended", "plugin:jsx-a11y/recommended"],
+  "extends": [
+    "react-app",
+    "airbnb-typescript",
+    "plugin:prettier/recommended",
+    "plugin:jsx-a11y/recommended"
+  ],
   "parserOptions": {
     "sourceType": "module",
+    "project": "./tsconfig.json",
     "ecmaFeatures": {
       "jsx": true
     },
@@ -23,7 +29,7 @@
     "react/jsx-filename-extension": [
       1,
       {
-        "extensions": [".js", ".jsx"]
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
       }
     ],
     "react/jsx-curly-newline": 0,
@@ -34,7 +40,23 @@
         "controlComponents": ["DebounceInput"],
         "depth": 3
       }
-    ]
+    ],
+    // note you must disable the base rule as it can report incorrect errors
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": ["error"],
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        "js": "never",
+        "jsx": "never",
+        "ts": "never",
+        "tsx": "never"
+      }
+    ],
+    "react/jsx-uses-react": 0,
+    "react/react-in-jsx-scope": 0,
+    "react/require-default-props": 0
   },
   "settings": {
     "import/resolver": {
@@ -43,4 +65,4 @@
       }
     }
   }
-}
+}

.prettierrc

@@ -4,5 +4,6 @@
   "useTabs": false,
   "semi": true,
   "singleQuote": true,
-  "printWidth": 100
-}
+  "printWidth": 100,
+  "trailingComma": "all"
+}

eslintrc.json

@@ -0,0 +1,68 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true
+  },
+  "extends": [
+    "react-app",
+    "airbnb-typescript",
+    "plugin:prettier/recommended",
+    "plugin:jsx-a11y/recommended"
+  ],
+  "parserOptions": {
+    "sourceType": "module",
+    "project": "./tsconfig.json",
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018
+  },
+  "plugins": ["jsx-a11y", "jam3"],
+  "rules": {
+    "react/no-danger": 0, // Turned this rule off for dangerouslySetInnerHTML, as we are using the jam3/no-sanitizer-with-danger rule to flag if we are using it without sanitizer
+    "jam3/no-sanitizer-with-danger": [
+      2,
+      {
+        "wrapperName": ["sanitize"]
+      }
+    ],
+    "react/jsx-filename-extension": [
+      1,
+      {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
+      }
+    ],
+    "react/jsx-curly-newline": 0,
+    "react/jsx-one-expression-per-line": 0,
+    "jsx-a11y/label-has-associated-control": [
+      2,
+      {
+        "controlComponents": ["DebounceInput"],
+        "depth": 3
+      }
+    ],
+    // note you must disable the base rule as it can report incorrect errors
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": ["error"],
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        "js": "never",
+        "jsx": "never",
+        "ts": "never",
+        "tsx": "never"
+      }
+    ],
+    "react/jsx-uses-react": 0,
+    "react/react-in-jsx-scope": 0,
+    "react/require-default-props": 0
+  },
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "moduleDirectory": ["node_modules", "src/"]
+      }
+    }
+  }
+}